freshJet Posted May 13, 2011 Report Posted May 13, 2011 http://www.freshjetvirtual.com/ If you hover over About Us or Operations, you'll see that everything is fine. But then, if you hover over one of the sub-items, it appears white over the text area instead of stretch across the width of the menu (if that makes sense). I've messed it up and am not touching it until I know what to edit. Here's the CSS: .menu{ border:none; border:0px; margin:0px; padding:0px; font: 67.5% Tahoma; font-size:12px; font-weight:bold; } .menu ul{ background:#05A2EA; height:40px; list-style:none; margin:0; padding:0; } .menu li{ float:left; padding:0px; } .menu li a{ background:#05A2EA; color:#FFFFFF; display:block; font-weight:normal; line-height:40px; margin:0px; padding:0px 10px 0px 10px; text-align:center; text-decoration:none; } .menu li a:hover{ background: #05A2EA; color:#FFFFFF; text-decoration:none; } .menu li ul{ background:#05A2EA; display:none; height:auto; padding:0px; margin:0px; border:1px solid #000000; position:absolute; width:150px; z-index:200; /*top:1em; /*left:0;*/ } .menu li:hover ul{ display:block; .menu ul li:hover a } background: #05A2EA; color:#000000; text-decoration:none; } } .menu li li { display:block; float:none; margin:0px; padding:0px; width:150px; border:0px; } .menu li:hover li a{ background:none; } .menu li ul a{ display:block; height:40px; font-size:12px; font-style:normal; margin:0px; padding:0px 10px 0px 10px; text-align:left; } .menu li ul a:hover{ background:#FFFFFF; border:0px; color:#FFFFFF; text-decoration:none; } .menu li ul li:hover a{ background:#FFFFFF; border:0px; color:#FFFFFF; text-decoration:none; } .menu p{ clear:left; } Quote
Moderators mark1million Posted May 13, 2011 Moderators Report Posted May 13, 2011 Ah i see, have a look at the css hover colour for the <li> property, sorry i am not at the pc at the moment and its a bit difficult reading all that code above. Quote
Moderators mark1million Posted May 13, 2011 Moderators Report Posted May 13, 2011 Change the hover background and hover to the colour you want, that should fix it .menu li ul a:hover{ background:#FFFFFF; border:0px; color:#FFFFFF; text-decoration:none; } .menu li ul li:hover a{ background:#FFFFFF; border:0px; color:#FFFFFF; text-decoration:none; } .menu p{ clear:left; } 1 Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.