HTML interesse |
|
Ik kreeg een witregel boven als ik het in IE bekijk =>
ul#subnav {
margin: 0 0 20px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
list-style: none;
width: 150px;
clear: left;
float: left;
padding: 0;
border-top: 1px dashed #CCCCCC;
}
ul#subnav li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #5A6673;
display: block;
padding: 6px 0 0 10px;
border-bottom: 1px dashed #CCCCCC;
}
ul#subnav li a:hover {
background-color: #EAEAEA;
color: #286EA0;
border-left: 4px solid #286EA0;
}
ul#subnav { margin: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; list-style: none; width: 150px; clear: left; float: left; padding: 0; border-top: 1px dashed #CCCCCC; } ul#subnav li a { font-weight: bold; height: 20px; text-decoration: none; color: #5A6673; display: block; padding: 6px 0 0 10px; border-bottom: 1px dashed #CCCCCC; } ul#subnav li a:hover { background-color: #EAEAEA; color: #286EA0; border-left: 4px solid #286EA0; }
Hoe zorg ik ervoor dat die 1px (denk ik) boven weggaat?
1 submenu werkt wel goed, maar de volgende niet meer (zie onder):
<ul id="subnav">
<li><a href="#">Nieuws</a></li>
<li><a href="#">Team 1</a></li>
<li><a href="#">Team 2</a></li>
<li><a href="#">Planning</a></li>
</ul>
<ul id="subnav"> <li><a href="#">Nieuws</a></li> <li><a href="#">Team 1</a></li> <li><a href="#">Team 2</a></li> <li><a href="#">Planning</a></li> </ul>
|