Abstände zwischen Listen-Elementen

[Gunnar Bittersmann]

Hello out there!

Nur der Internet-Explorer macht da einen Abstand.

Ich weiß nicht, welcher der vielen IE-Bugs den nun hervorruft. Aber warum machst du das so kompliziert?

Setze ul.produktbilder li {display: inline} und gib der Liste eine Breite, so dass nur zwei Items nebeneinander passen. Eine Klasse produktbildl ist dann überflüssig.

Dabei im HTML die Whitespaces entfernen:

    <ul class="produktbilder">  
      <li><img  
        src="str006-a.jpg" alt="Starship Troopers: Rodger Young (Abbildung 1)" title=""  
      ></li><li><img  
        src="str006-b.jpg" alt="Starship Troopers: Rodger Young (Abbildung 2)" title=""  
      ></li><li><img  
        src="str006-c.jpg" alt="Starship Troopers: Rodger Young (Abbildung 3)" title=""  
      ></li><li><img  
        src="str006-d.jpg" alt="Starship Troopers: Rodger Young (Abbildung 4)" title=""  
      ></li><li><img  
        src="str006-e.jpg" alt="Starship Troopers: Rodger Young (Abbildung 5)" title=""  
      ></li><li><img  
        src="str006-f.jpg" alt="Starship Troopers: Rodger Young (Abbildung 6)" title=""  
      ></li>  
    </ul>

See ya up the road,
Gunnar

PS: Hast du mehrere solcher Listen? Wenn nicht, wäre <ul id="produktbilder"> wohl passender.