Posted by Ed Jay on 09/08/05 04:01

Please refer to the horizontal menu near the top of
<http://www.aes-intl.com/index.html>.

I'm trying to code this in CSS so the full background changes on hover.

My HTML code for the menu is:

<div id="topmenu"><ul>
<li><a href="intro.html">Introduction</a></li>
<li><a href="policies.html">Philosophy</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="infoxchg.html">Information</a></li>
<li><a href="introja.html">AES‚ÌŒä?Љî</a></li>
<li><a href="servicesja.html">AES‚Ì’ñ‹Ÿ‹Æ–±</a></li>
<li><a href="policyja.html">‹Æ–±•û?j</a></li>
<li><a href="infoja.html">ƒjƒ…?[ƒX‚Æ?î•ñ</a></li>
<li><a href="downloads.html">Downloads</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul></div>

And the CSS code is:

#topmenu ul {
margin-left:0px;
text-align:center;
margin-top:3px;
margin-bottom:px;
padding: 0px;
}

#topmenu ul li {
display: inline;
}

#topmenu ul li a {
width:75px;
margin-right:1px;
margin-left:1px;
padding: 1px;
font:9pt arial,sans-serif;
background:white;
border:1px solid #333399;
}

#topmenu ul li a:link {color:#6666cc;text-decoration:none;}
#topmenu ul li a:visited {color:#6666cc;text-decoration:none;}
#topmenu ul li a:hover {color:red;text-decoration:none;}
#topmenu ul li a:active {color:#6666cc;text-decoration:none;}

I know the answer is probably simple, but I'm going bananas trying to find
it. Help!

Thanks in advance.

Ed Jay (remove M to respond)

[Back to original message]