[CSS] Menu lijnt niet goed uit
Op dit moment lijnt Firefox en Internet explorer mijn menu niet netjes uit. Het voorbeeld kun je hier bekijken.
Hierbij hoort de volgende html:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<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>
<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:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#links ul {
margin: 0px;
padding-top: 8px;
}
#links li{
width: 750px;
display: inline;
list-style-type: none;
height: 25px;
}
#links img{
border: 0px;
}
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! :)
Harstikke bedankt! :)