✔ Textfluss um Bilder

[Mumpitz_312]

Hallo,

ich hoffe ihr könnt mir weiterhelfen.

Ich möchte mit Dreamweaver innerhalb eines Divs eine Reihe von Bildern mit Hilfe von CSS untereinander abbilden mit einem seitlichen Textumlauf.

Um es nochmals genau zu beschreiben:

Ein Bild und neben dem Bild kommt dann Text, der lediglich die Höhe des Bildes hat (ausschließlich neben dem Bild läuft).
Dann kommt ein kleiner Abstand und darunter das nächste Bild mit dem danebenlaufenden Text.

Kann mir einer von euch nen Tipp geben wie ich dieses Verhalten erzeugen kann...vllt. irgendwie über floats?


Vielen Dank schon mal!

 

[Maik]

Hi,

Die "SELFHTML"-Redaktion (http://de.selfhtml.org) hat sich u.a. auch diesem Thema angenommen:

• Text um Grafik fließen lassen oder Grafiken ausrichten mit CSS

<div>
    <p><img src="bild1.png" alt="" style="float:left;margin-right:15px;">Ich umfließe das Bild.</p>
    <p style="clear:left;"><img src="bild2.png" alt="" style="float:left;margin-right:15px;">Ich auch.</p>
    <p style="clear:left;"><img src="bild3.png" alt="" style="float:left;margin-right:15px;">Und ich erst.</p>
</div>

Oder mit einer zentralen CSS-Formatierung:

<div>
    <p><img src="bild1.png" alt="">Ich umfließe das Bild.</p>
    <p><img src="bild2.png" alt="">Ich auch.</p>
    <p><img src="bild3.png" alt="">Und ich erst.</p>
</div>

div img {
float:left;
margin-right:15px;
}
div p {
clear:left;
}

mfg Maik

 

[Mumpitz_312]

Danke für die schnelle Antwort!!

Hab´s hinbekommen

Vielen Dank!

Mumpitz