login  Naam:   Wachtwoord: 
Registreer je!
 Forum

2px space in list.

Offline Nanon - 07/11/2007 16:36 (laatste wijziging 07/11/2007 16:44)
Avatar van NanonPHP 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:
  1. #leftmenu .list li { height: 20px; clear: both; }
  2. #leftmenu .list a { cursor: pointer; display: block; height: 20px; }
  3. #leftmenu .list a span.nickname { float: left; padding: 2px 0 0 5px; height: 18px; display: block; }
  4. #leftmenu .list a span.icons { float: right; padding: 2px 5px 0 0; height: 18px; display: block; }
  5. #leftmenu .list a:hover { background-color: #dedede; }


En het stukje HTML:
  1. <div class="list">
  2.  
  3. <ul>
  4. <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>
  5. <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>
  6. </ul>
  7.  
  8. </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.

1 antwoord

Gesponsorde links
Offline TotempaaltJ - 07/11/2007 21:13
Avatar van TotempaaltJ PHP interesse Voorbeeldlink bestaat niet!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.214s