Posted by Ed Jay on 12/28/05 19:47

I have a menu setup using the following CSS code:

#nav ul{
margin:auto;
text-align:center;
margin-top:1px;
padding:0px;
display: block;
}
#nav ul li{
display: inline;
}
#nav ul li a{
/* display: block; */
/* float: left; */
margin-right:1px;
margin-left:1px;
margin-top:1px;
padding: 1px;
font:10pt arial,sans-serif;font-weight:normal;
background: #fbebbf;
border:1px solid red;
}
#nav ul li a:link {color:#000000;text-decoration:none;}
#nav ul li a:visited {color:#000000;text-decoration:none;}
#nav ul li a:hover {color:white;text-decoration:none;background:#330099;}
#navu ul li a:active {color:#6666cc;text-decoration:none;}

The menu looks like:

<div id="nav"><ul>
<li><a href="url1">Dest 1</a></li>
<li><a href="url2">Dest 2</a></li>
..
..
etc...
</ul></div>

How can I change the background color of individual buttons? IOW, if I
have seven buttons , but I want two of them to be a different color than
the rest.

--
Ed Jay (remove M to respond by email)

[Back to original message]