Generator Microsoft Word 11 (filtered medium) Hi List!
I' m just setting up some navigation using CSS. I couldn' t work out why the
a:hover wasn' t working then I swapped the code round and put #navigation li
a:hover{.} at the end of the styles list and it worked! I didn' t think it
matters what order the embedded styles were in - am I wrong? The code' s
below. Thanks
#navigation {
width: 200px;
font-family: Arial, Helvetica, sans-serif;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation li {
border-bottom: 1px solid #ED9F9F;
}
#navigation li a:link, #navigation li a:visited {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 12px solid #711515;
border-right: 1px solid #711515;
background-color: #B51032;
color: #FFFFFF;
text-decoration: none;
}
#navigation li a:hover {
background-color: #000000;
color: #FFFFFF;
}
</style>
</head>
<body>
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Buy Stuff</a></li>
</ul>
</div>
</body>
</html>
Regards
Gary
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
