Josue Martinez wrote:
>Hello, listers:
>
>I am working on this nav list, and I'm stuck because I don't know how to
>position the elements as I want. I have an unordered list of links I want to
>style like this image:
>
>
>
Josue,
This gives close the the desired effect, play around with it to get it
exactly how you want it:
div#nav {
width: 606px;
margin: 1px 0;
background-color: #000;
}
div#nav ul {
margin: 0;
padding: 0;
width: 606px;
background: black;
font: bold 12px "Trebuchet MS", Helvetica, Arial, Tahoma, Verdana,
sans-serif;
list-style: none;
}
div#nav ul li {
display: inline;
height: 20px;
margin: 0;
text-align: left;
padding-right: 35px;
border-right: 2px solid #FFF;
}
div#nav li:hover {
background: red;
}
div#nav li a {
text-decoration: none;
color: white;
}
Matthew
______________________________________________________________________
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/
