Hello,
I think I've seen a fix for this before but I can't find it right now.
I've got a mysterious space between <li> items in a horizontal nav bar. I
don't want to use floats because I would like the list to be centered on the
page. If anyone can help it would be appreciated.
Thanks,
Matt
My code is:
HTML
<div id="nav">
<ul id="navlist">
<li><a href="home.php"
title="About Us">About Us</li>
<li><a href="services.php"
title="Services">Services</li>
<li><a href="team.php"
title="Meet the Team">Meet the Team</li>
<li><a href="news.php"
title="In the News">News</li>
<li><a href="careers.php"
title="Careers">Careers</li>
<li id="active"><a
href="contribute.php" title="Contribute">Contribute</li>
</ul>
</div>
CSS
#nav ul {
text-align: center;
padding: 5px 0;
margin-top: 0;
background-color: #036;
color: white;
width: 100%;
line-height: 18px;
}
#nav ul li {
display: inline;
border: 1px solid red;
}
#nav ul li a {
padding: 5px 10px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}
#nav ul li a:hover {
background-color: #369;
color: white;
}
#nav #active {
border-left: 1px solid #fff;
}
______________________________________________________________________
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/
