The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS .Current Style aide for CSS menu

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #32358

    Hello CSS Community! I have a CSS Menu that needs to be colored in the current page. For now, It looks like this:

    /*top nav*/
    .top-nav-wrap{ background: #fff; padding: 0 0 0px 0; height: 32px; }
    .top-nav{ float: left; width: 100%; background: #fff; padding-left: 66px;}
    .top-nav ul{ list-style: none; float: left; margin: 0; padding: 0; z-index: 1000; }
    .top-nav ul li{ float: left; position: relative; margin: 0; border-right: 0px #d9d9d9 solid; }
    .top-nav ul .noborder { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
    .top-nav ul li a{ font: bold 15px/17px Arial, Helvetica, sans-serif; color: #000; text-decoration: none; display: block; padding: 7px 88px 8px 10px; margin: 0; }
    .top-nav ul li a:hover { background: #eee; }
    .topnav ul li li{text-indent:0;text-transform:none;letter-spacing:0;font:bold 11px/14px Arial,Helvetica,sans-serif;}
    .topnav ul li li a,.topnav ul li li a:active,.topnav ul li li a:visited{text-indent:0;font:bold 11px/14px Arial,Helvetica,sans-serif;display:block;width:147px;overflow:hidden;color:#444;padding:5px 9px;border:none;background:#09b1f0;}
    .top-nav ul li ul{ position: absolute; top: 32px; left: -1px; margin-left: -9999em; border: 1px solid #d9d9d9; width: 220px; height: auto; z-index: 90; background-color: #eee; padding: 0 0px 0px 0px; }
    .top-nav ul li ul li{ clear: left; width: 220px!important; background: none; border-bottom: 0px; border-right-style: none; }
    .top-nav ul li ul li.lastheadernav{ border: none; }
    .top-nav ul li ul li a{ background: none; height: auto!important; width: 206px!important; color: #444; text-decoration: none; text-indent: 0; font: normal 14px/17px Arial, Helvetica, sans-serif; padding: 7px 5px 8px 10px; }
    .top-nav ul li ul li a:hover{ color: #000; background-color: #cff2ff; }
    .top-nav ul li:hover ul,.top-nav ul li.iehover ul{ margin-left: 0; }
    .top-nav ul li:hover { background-color: #eee; }

    Can anybody help me out? Thank you!!


    Hmm.. I don’t think we can really help you without giving us a problem to solve! Or I must be missreading things..


    search for ‘current navigation highlighting’, so many solutions.


    @ DogsGhost – Thanks for the search suggestion. Sometimes just knowing what things are called can really speed things along. I’ve been working on this too and you helped me , so thanks again.


    Thanks for the tip, I’m working on it!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.