Nieuw lid |
|
Goedendag,
Op dit moment lijnt Firefox en Internet explorer mijn menu niet netjes uit. Het voorbeeld kun je hier bekijken.
Hierbij hoort de volgende html:
<div id="links">
<ul>
<li><a href="#"><img src="images/menuavon.gif" /></a></li>
<li><img src="images/menuspac.gif" /></li>
<li><a href="#"><img src="images/menupuzz.gif" /></a></li>
<li><img src="images/menuspac.gif" /></li>
<li><a href="#"><img src="images/menuacti.gif" /></a></li>
<li><img src="images/menuspac.gif" /></li>
<li><a href="#"><img src="images/menuspor.gif" /></a></li>
<li><img src="images/menuspac.gif" /></li>
<li><a href="#"><img src="images/menurace.gif" /></a></li>
<li><img src="images/menuspac.gif" /></li>
<li><a href="#"><img src="images/menuinto.gif" /></a></li>
</ul>
</div>
<div id="links"> <ul> <li><a href="#"><img src="images/menuavon.gif" /></a></li> <li><img src="images/menuspac.gif" /></li> <li><a href="#"><img src="images/menupuzz.gif" /></a></li> <li><img src="images/menuspac.gif" /></li> <li><a href="#"><img src="images/menuacti.gif" /></a></li> <li><img src="images/menuspac.gif" /></li> <li><a href="#"><img src="images/menuspor.gif" /></a></li> <li><img src="images/menuspac.gif" /></li> <li><a href="#"><img src="images/menurace.gif" /></a></li> <li><img src="images/menuspac.gif" /></li> <li><a href="#"><img src="images/menuinto.gif" /></a></li> </ul> </div>
En de volgende style sheet:
#links ul {
margin: 0px;
padding-top: 8px;
}
#links li{
width: 750px;
display: inline;
list-style-type: none;
height: 25px;
}
#links img{
border: 0px;
}
#links ul { margin: 0px; padding-top: 8px; } #links li{ width: 750px; display: inline; list-style-type: none; height: 25px; } #links img{ border: 0px; }
Iemand die mij hier bij kan helpen?
Groetjes Remy!
|