.Current Style aide for CSS menu

[Jaime_593]

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!!

[Bob]

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

[DogsGhost]

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

[grovesk]

@ 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.

[Jaime_593]

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

[Author]

Posts