- This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
-
AuthorPosts
-
April 14, 2011 at 1:32 pm #32358Jaime_593Member
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!!
April 14, 2011 at 4:21 pm #51186BobMemberHmm.. I don’t think we can really help you without giving us a problem to solve! Or I must be missreading things..
April 14, 2011 at 4:31 pm #51142DogsGhostMembersearch for ‘current navigation highlighting’, so many solutions.
April 14, 2011 at 9:39 pm #51077groveskMember@ 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.
April 15, 2011 at 10:56 am #50968Jaime_593MemberThanks for the tip, I’m working on it!
-
AuthorPosts
Viewing 5 posts - 1 through 5 (of 5 total)
- The forum ‘CSS’ is closed to new topics and replies.