Abstände zwischen Listen-Elementen

[Ingo Siemon]

Lieber Gunnar

Kommando zurück!
Dann geht auch wie in deinem ursprünglichen Code

OK, stimmt :)
Auf die einfachsten Sachen kommt man immer zuletzt :)

Habs nun also wieder so:

    <ul id="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>

Und das CSS:~~~css

• {margin: 0; padding:0;}

ul#produktbilder {
    width: 508px;
}

ul#produktbilder img {
    vertical-align: bottom;
    width: 250px;
    height: 148px;
}

ul#produktbilder li {
    list-style-type: none;
    border: 1px solid #3d3d3d;
    width: 250px;
    margin-bottom: 7px;
    float: left;
}

  
So klappts nun in allen 3 Browsern (IE6, Firefox und Opera) wunderbar.  
  
Und wenn ich nun noch einen horizontalen Abstand zwischen den  
Bildern haben möchte, müsste ich doch einfach jedes zweite li-Element  
mit einer Klasse versehen und dieser dann einen margin-right zuweisen ... oder?  
  
Gruß  
Ingo