I'm trying to do a nav list using list items.
Roughly this is putting links styled display: block and with a background
color.
In IE5 (windows, haven't tried Mac yet), adding the display: block for the
link adds a bit of whitespace between the list items. NS7.1 does not do
this.
Why the whitespace (about 5px)? Is it possible to get IE and NS looking
about the same. If I can't do this I'll have to use divs... (I'm just the
programmer not the designer!)
Example below:
<html>
<head>
<style type="text/css">
..navmenu{list-style: none;width: 220px;background-color: white}
..navitem a {
display: block;
background-color: blue;
color: #fff;
text-decoration: none;
width: 100%;
}
..navitem a:hover{
background-color: yellow
}
..color{background-color: red;list-style: none;}
</style>
</head>
<body>
<ul class="navmenu">
<li class="navitem"><a href="">item 1</a></li>
<li class="navitem" ><a href="">item 2</a></li>
<li class="navitem" ><a href="">item 3</a></li>
</ul>
</body>
</html>
