Results 1 to 2 of 2

Thread: Colors of menu?

  1. #1
    Join Date
    Dec 2007
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Colors of menu?

    Hi,

    I added this menu to my source code (I'm using visual web developer '05) http://www.dynamicdrive.com/style/cs...dd-color-tabs/ and I changed the color of the menu to #FF1493 and #B3EE3A but when I went to debug the application the tabs of the menu didn't show (nly when I hovered over them and they were the B3EE3A which is olive green and I want them to be Pink which is #FF1493) the bar below the tabs was green though...and I want that to stay green. So whats the problem?

    Here is the code that I placed in my source (btw on the design the tabs are pink....but like I said when I debug they're not:

    Code:
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
    
        <title>Untitled Page</title><style type="text/css">.bar{
     padding: 0;
     width: 100%;
     height: 8px;
     line-height: 8px;
     background: #678b3f;
     border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
    }
    
    /*Credits: Dynamic Drive CSS Library */
    /*URL: http://www.dynamicdrive.com/style/ */
    
    #ddcolortabs{
    margin-left: 4px;
    padding: 0;
    width: 100%;
    background: #FF1493;
    voice-family: "\"}\"";
    voice-family: inherit;
    padding-left: 5px;
    }
    
    #ddcolortabs ul{
    font: bold 11px Arial, Verdana, sans-serif;
    margin:0;
    padding:0;
    list-style:none;
    }
    
    #ddcolortabs li{
    display:inline;
    margin:0 2px 0 0;
    padding:0;
    text-transform:uppercase;
    }
    
    
    #ddcolortabs a{
    float:left;
    color: white;
    background: #FF1493(media/color_tabs_left.gif) no-repeat left top;
    margin:0 2px 0 0;
    padding:0 0 1px 3px;
    text-decoration:none;
    letter-spacing: 1px;
    }
    
    #ddcolortabs a span{
    float:left;
    display:block;
    background: #FF1493(media/color_tabs_right.gif) no-repeat right top;
    padding:4px 9px 2px 6px;
    }
    
    #ddcolortabs a span{
    float:none;
    }
    
    
    #ddcolortabs a:hover{
    background-color:#B3EE3A;
    }
    
    #ddcolortabs a:hover span{
    background-color: #B3EE3A;
    }
    
    #ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
    background-color: #B3EE3A;
    }
    
    #ddcolortabsline{
    clear: both;
    padding: 0;
    width: 100%;
    height: 8px;
    line-height: 8px;
    background: #B3EE3A;
    border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
    }
    
    </style>
    
    </head>
    <body>
        <form id="form1" runat="server">
        <div><div id="ddcolortabs" style="background-color: #ff1493">
    Last edited by djr33; 12-16-2007 at 12:13 PM. Reason: adding [code] blocks

  2. #2
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    I'm confused by the long run-on sentence.

    I see three colors:
    Tab normal color: _____
    Tab OVER color: _____
    Lower Bar color: _____

    Please fill that with the colors you'd like.

    Also, it makes no real difference what your editor shows-- the real question is what it looks like in Internet Explorer, Mozilla Firefox, and other browsers.

    Trusting a WYSIWYG (ie, preview based) editor is usually a mistake (though that wouldn't normally make random colors show up).
    Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •