WauWau: textumfluss um bild per float

Beitrag lesen

Hallo wahsaga,

+-----------------+
|                 |
+----+tfsdkskdöfkö|
|BILD|dasödklsadka|
|    |kdaskdölösss|
+----+skkdökdöldas|
|     dasddsasdass|
|     asdjkassadsa|
+-----------------+
ui! Na das bekommst du ganz gewiss _nicht_ mit Float hin.
wieso nicht?

Sagen wir mal das Bild ist 400px groß. Der Text rechts aber 1200. DAnn floatet er solange um das Bild rechts rum, bis es "vorbei" ist (...), und danach wird er eben wieder von links an angezeigt. Es sieht also so aus:

+-----------------+
+----+tfsdkskdöfkö|
|BILD|dasödklsadka|
|    |kdaskdölösss|
+----+skkdökdöldas|
|dasddsasdassasdjk|
|laksdlkgalassadsa|
+-----------------+

nein, das bild nach links floaten lassen, und für den text-container (<p> o.ä.) eine entsprechendes margin-left vergeben.
that's it.

Ich kann mir nicht vorstellen, dass das so funktioniert. Du meinst also folgendes:

<img src="..." style="float:left; width: 200px; height:100px;">
<p style="margin-left: 200px; padding: 20px;">blablabla.....</p>

Ich kann mir nicht vorstellen, dass das jetzt wie gewünscht aussieht. Ansonsten hätte ich mir nämlich bei einigen Designs viel viel Umstand sparen können! Afaik müsste das jetzt so aussehen:

+-----------------+
+----+    tfkdöfkö|
|BILD|    dalsadka|
|    |    kdölösss|
+----+    skdöldas|
|    sfasdassasdjk|
|    dlkgalassadsa|
+-----------------+

Sollte ich vielleicht mal ausprobieren.

WauWau

--
ss:) zu:) ls:& fo:) de:] va:) ch:° n4:( rl:( br:^ js:| ie:% fl:{ mo:|
E-Mail WauWau: [mailto:der-wauwau@gmx.de]