Hi all,
Hope I dont bore you with easy questions, but for me its hard enough to cause a few headaches. Im trying to make a navigation bar, and it worked out okay :
http://www.tremolino.org/navbarTest.html
except for two spacing problems.
the first is the white band about 1em thick ABOVE the navbar. It should be snug at the top, (margins and padding 0 for body and div navbar)
The second is the height of the navbar, its too fat at the bottom. Ideally there should be the same amount of space below as there is above. I’ve tried commenting out plenty of things, but the problem persists.
here’s the stylesheet
body {
margin: 0;
padding: 0;
font-size: 95%;
font-family: Verdana, Arial, "sans-serif";
color: #000;
background-color: #fff;
}
div#navbar {
background-color: #330000;
border-bottom: 1px solid yellow;
color: yellow;
font-size: 80%;
margin: 0;
white-space: nowrap;
padding: 0;
}
#navbar ul {
white-space: nowrap;
padding: .3em;
}
#navbar #right{
float: right;
margin-right: 10px;
}
#navbar ul li {
display: inline;
list-style-type: none;
}
#navbar ul a {
padding: 1px 8px 1px 24px;
border: 1px solid #330000;
color: yellow;
background-color: #330000;
}
#navbar ul a:link, #navbar a:visited {
text-decoration: none;
}
#navbar ul a:hover {
border: 1px solid yellow;
color: #fff;
}
#active a:link, #active a:visited, #active a:hover {
border: 1px solid #333;
background-color: yellow;
color: #000;
}
thanks in advance!!
