PHP interesse |
|
Hoi,
Op http://www.kenzy.nl/nucom/index.html heb ik links onderin, bij de "Jarigen vandaag", een probleem met mijn list. In FireFox, zoals gewoonlijk, weer goed, maar in IE geeft hij toch weer een probleem.
IE geeft namelijk tussen elke <li></li> een space van 2px, wat ik dus eigenlijk niet wil hebben. Ik heb het vermoede dat het door de spans komt, maar ik kom er niet uit.
Het bijhorende stukje CSS code:
#leftmenu .list li { height: 20px; clear: both; }
#leftmenu .list a { cursor: pointer; display: block; height: 20px; }
#leftmenu .list a span.nickname { float: left; padding: 2px 0 0 5px; height: 18px; display: block; }
#leftmenu .list a span.icons { float: right; padding: 2px 5px 0 0; height: 18px; display: block; }
#leftmenu .list a:hover { background-color: #dedede; }
#leftmenu .list li { height: 20px; clear: both; } #leftmenu .list a { cursor: pointer; display: block; height: 20px; } #leftmenu .list a span.nickname { float: left; padding: 2px 0 0 5px; height: 18px; display: block; } #leftmenu .list a span.icons { float: right; padding: 2px 5px 0 0; height: 18px; display: block; } #leftmenu .list a:hover { background-color: #dedede; }
En het stukje HTML:
<div class="list">
<ul>
<li style="background-color: #dadada;"><a href="#"><span class="nickname">Rastafari</span><span class="icons"><img src="images/icons/male.png" alt="Man" /><img src="images/icons/status_offline.png" alt="Offline" /></span></a></li>
<li style="background-color: #cccccc;"><a href="#"><span class="nickname">Rastafari</span><span class="icons"><img src="images/icons/male.png" alt="Man" /><img src="images/icons/status_offline.png" alt="Offline" /></span></a></li>
</ul>
</div>
<div class="list"> <ul> <li style="background-color: #dadada;"><a href="#"><span class="nickname">Rastafari</span><span class="icons"><img src="images/icons/male.png" alt="Man" /><img src="images/icons/status_offline.png" alt="Offline" /></span></a></li> <li style="background-color: #cccccc;"><a href="#"><span class="nickname">Rastafari</span><span class="icons"><img src="images/icons/male.png" alt="Man" /><img src="images/icons/status_offline.png" alt="Offline" /></span></a></li> </ul> </div>
PS: Ik heb bij de lists even een background toegevoegd zodat jullie het probleem kunnen zien.
Ik hoop dat iemand mij verder kan helpen!
Edit: Eventuele andere oplossingen zijn ook welkom!
Stefan.
|