Zeilenumbruch bei float ?

[noxx2]

Hallo

um immer 2 Bilder nebeneinander zu bekommen, also 1 & 2 in eine "Zeile", 3 & 4 in die nächste etc
benutze ich float, zb

<div class="float">
<a href="Temperatur_Woche.png" rel="shadowbox;height=360;width=600">
<img src="Temperatur_Woche_Klein.png" width="300" height="180">
</a></div>

Nun will ich nach Bild Nr5 (Zeile 3) einen Umbruch, das in Zeile 4 wieder 2 neue Bilder anfangen.
<br> geht nicht. Gibts da andere Lösungen?

Geht um diese Seite:
Wettergrafiken | www.schatthaus-wetter.de

Gruss

 

[prm]

Nach Bild 5 clearen und anschließend wieder floaten.

 

[Tronjer]

Oder gar nicht floaten. Float hat den Nachteil, dass das Elternelement sich nicht in der Höhe anpasst. Außerdem muss hinterher auch ein clear gesetzt werden.

Hyperlinks und Images sind Inline-Elemente, die erzeugen ohnehin keinen Umbruch. Entweder den umgebenden Container so breit machen, dass nur zwei Bilder nebeneinander passen, dann greift auch das <br />. Oder falls es Blockelemente werden sollen, ein display: inline-block drauf. Damit erspart man sich zumindest die Nachteile des floatens.