Wenn keine 4te Spalte reinpasst, in die nächste Zeile rutschen?

lissylucky

Mitglied
Hallo, wie kann ich denn einstellen, dass wenn wie im folgenden Beispiel ein DB Abruf die ganzen Bilder lädt. In jede Zelle kommt ein Bild. Irgendwann ist die max. Breite erreicht und es soll in eine Neue Zeile.
Wie geht das?

Beispiel:
 

Anhänge

  • beispiel.png
    beispiel.png
    357 Bytes · Aufrufe: 4
Hallo,

offensichtlich werden die Bilder in eine Tabelle geladen. Lass die Tabelle einfach weg und setze die Bilder in ein DIV-Element mit max. Breite.
 
Lad die ganzen Bilder in eine Div und floate sie:
Code:
<div id="image_list">
 <img src="http://www.tutorials.de/html-xhtml/..." />
 <img src="http://www.tutorials.de/html-xhtml/..." />
 <img src="http://www.tutorials.de/html-xhtml/..." />
 <img src="http://www.tutorials.de/html-xhtml/..." />
<br clear="all" />
</div>

Und CSS:
Code:
#image_list {max-width: 500px}
#image_list img {float: left}
 
Wenn keine 4te Spalte reinpasst, in ...

Achja stimmt ich bin nur dran gewöhnt weil ich Img Elemente normal nicht alleine stehen hab. Sorry ;)
 
Zurück