Grow your CSS skills. Land your dream job.

drop down css – Color question! :)

  • # May 3, 2010 at 11:13 am

    Hey can someone check this out : http://www.promoteyourteam.com this is the top nav I made..I want to change the Text color ( all of it ) even on the drop down to White #fff…I’m not sure why its not changing can someone assist me? here is the CSS:

    Code:
    .menu {
    font-family: arial, sans-serif;
    width:671px;
    height:24px;
    position:absolute;
    top: 43px;
    left: 164px;
    font-size:11px;
    z-index:100;
    padding: 0px;
    margin: 0px;
    color: #fff;
    }
    .menu ul li a, .menu ul li a:visited {
    display:block;
    text-decoration:none;
    background: #e00b0b;
    color:#fff;
    width:132px;
    height:20px;
    text-align:center;
    line-height:20px;
    font-size:15px;
    overflow:hidden;
    border:1px solid #fff;
    }
    .menu ul {
    padding:0; margin:0; list-style: none;
    }
    .menu ul li {
    float:left; position:relative;
    }
    .menu ul li ul {
    display: none;
    }

    /* specific to non IE browsers */
    .menu ul li:hover a {
    color:#fff; background:#ff0000;
    }
    .menu ul li:hover ul {
    display:block;
    position:absolute;
    top:21px;
    left:0;
    width:105px;
    }
    .menu ul li:hover ul li a.hide {
    background:#ff2626; color:#fff;
    }
    .menu ul li:hover ul li:hover a.hide {
    background:#e02f00; color:#fff;
    }
    .menu ul li:hover ul li ul {
    display: none;
    }
    .menu ul li:hover ul li a {
    display:block; background:#ff6000; color:#fff;
    }
    .menu ul li:hover ul li a:hover {
    background:#ff3000; color:#fff;
    }
    .menu ul li:hover ul li:hover ul {
    display:block; position:absolute; left:105px; top:0;
    }
    .menu ul li:hover ul li:hover ul.left {
    left:-105px;
    }

    Thanks :)
    MSN: expo703@gmail.com
    Aim: expo703

    # May 3, 2010 at 12:56 pm

    just add #body in front of .menu…

    Code:
    #body .menu {
    font-family: arial, sans-serif;
    width:671px;
    height:24px;
    position:absolute;
    top: 43px;
    left: 164px;
    font-size:11px;
    z-index:100;
    padding: 0px;
    margin: 0px;
    color: #fff;
    }
    # May 3, 2010 at 2:52 pm

    I did – still no change.. font is still black.

    # May 3, 2010 at 3:32 pm

    Change

    Code:
    #body a {
    color:#000000;
    outline:medium none;
    text-decoration:none;
    }

    to

    Code:
    a {
    color:#000000;
    outline:medium none;
    text-decoration:none;
    }
    # May 3, 2010 at 3:55 pm

    Thank you! i missed that thanks!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".