✔ style=float --> beenden?!

[chaostheorie]

Hallo,

ich will mal versuchen, mein Anliegen verständlich rüberzubrigen:

Ich will vom Tabellenlayout weg und taste mich so schrittweise an CSS und Styles heran.

Bei Bildern, die zusammen mit Text in einer Zeile stehen sollen, setze ich

<img src="blablubb.jpg" style="float:right; margin-left:20px; margin-bottom:10px"> TEXT TEXT TEXT

Jetzt will ich diesen Float-"Zustand" beenden und eine neue Zeile unterhalb des Bildes erzwingen. Das gelingt mir weder mit <p>, <span> noch mit <div>-Tags um den Bereich herum. Der weitere Text floated weiterhin fröhlich vor sich hin, und ich bin gezwungen, per zusätzlicher <br> den Abstand künstlich zu erzeugen. Was spätestens bei veränderter Schriftgröße auf Userseite problematisch wird.

Ich bin sicher, dass die Lösung simpel sein muss. Aber weder die Suche hier noch Google haben mir weitergeholfen.

THX schon mal
Grüße, Anton

 

[Gumbo]

Probiere mal die clear-Eigenschaft um einen Float zu unterbinden.

 

[Moan]

Hi du chaostheorie

Also erstmal: um XHTML konform zu bleiben, werden Tags, die KEIN schliessendes Tag haben, noch im selben Tag wieder geschlossen. Also in deinem Beispiel

<img src="blablubb.jpg" style="float:right; margin-left:20px; margin-bottom:10px" /> TEXT TEXT TEXT

Um ein "float" wieder aufzuheben benutzt du die CSS-Eigenschaft "clear:". Als Argument nimmt es entweder "left", "right" oder aber "both". Nachzulesen unter http://css4you.de/clear.html.

Viel Erfolg

Dani

//edit: Toll, wieder zu langsam

 

[Gumbo]

Habe ich etwas überlesen? Wo hat Chaostheorie erwähnt, dass er XHTML verwendet, Moan?

 

[chaostheorie]

Danke, klappt

 

[Moan]

@ Gumbo: Nee, hast nichts verpasst. Ist nur meine gute Erziehung, die mich darauf hat schliessen lassen; war wohl Wunschdenken

Greetz

Dani