Tabelle: Umbruch für Thumbnails

[Vinzenz Mai]

Hallo,

<div> <!-- Breite von bspweise 500px -->

<img> <!-- float: left; Breite vielleicht 400px; -->
  <img> <!-- float: left; viele kleine Bilder, Breite vielleicht 80 px -->
  <img>
</div>

  

> Immer diese Div-Suppe!  
  
Bei einem einzigen Div kann von Suppe keine Rede sein! Ein allgemeines Containerelement ist hier sehr gut geeignet und ermöglicht minimalistischeres Markup als die meiner Meinung nach überflüssige Liste, die die Bilder in Listenelemente, für die es überhaupt keine Notwendigkeit gibt, zwängt. Die Standarddarstellung ist hier doch genau das, was der OP haben will. Die Standarddarstellung von Listen ist fast genau das Gegenteil von dem, was der OP haben will. Ich finde das Markup daher wirklich gelungen!  
  
Zuviel des Guten:  
  
~~~html
<ul>  
  <li><img></li>  
  <li><img></li>  
  <li><img></li>  
  ...  
</ul>

display-inline, list-style-type, padding und margin von ul und li zu beachten, mehr Markup - wozu?

<div><img><img> ... </div> erledigt das ganz von selbst :-)

Es kann nur das nicht passende CSS sein, das an der nicht gewünschten Darstellung schuld ist. Die ids halten nicht, was sie versprechen ...

Freundliche Grüße

Vinzenz