Michael Beaudoin wrote:
> I'm using a list to make a horizontal nav bar.
>
> Is it possible to make the spacing variable so that they are visually
> separated? Do I have to assign a class or id to each one to adjust the
> left margin/padding
>
> You can see the screenshot of how it's supposed to look here:
> http://www.ba-doyn.com/junk/test.png
>
> You can see the test site here: http://www.ba-doyn.com/junk
>
> Thanks again for all your help.
> Michael
>
An individual id or class is not needed.
Try something like this;
html
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">REGISTRATION</a></li>
<li><a href="#">VOLUNTEERS</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
css
#header ul {
/*padding-left: 125px;*/
/*padding-top: 35px*/
border: 1px solid red;
overflow: hidden;
padding: 0;
margin: 10px 0 0 135px;
}
#header /*.nav*/li {
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
text-decoration: none;
color: #000000;
/*display: block;*/
/*width: 125px;*/
/*float: left;*/
display: inline;
padding-right: 35px;
}
#header /*.nav*/ li a {
text-decoration: none;
color: #000000;
}
#header /*.nav*/ li a:hover, #header /*.nav*/ li a:active {
text-decoration: none;
color: #C3A204;
}
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
