Text umschliesst Bild

[konzule]

Hallo :),
ich steh grad etwas auf dem schlauch und finde einfach keine Lösung...
Ich habe ein Bild und daneben Überschriften und Texte. Wenn ich das Browserfenster verkleinere schiebt sich der Text immer unter dem Bild. So wie hier

Dem Text kann ich keine feste Breite geben. Dachte erst an Clear and Floats aber damit kam ich auch nicht weiter.
Vielleicht hat jemand einen kleinen Denkanstoß.

Danke :)

 

[Cheffchen]

Hallo,

wie unter dem bild?

gebe mal dem bild zusätzlich ein "display:inline-block"
Wenn nicht dann hilft ein link uns um einiges besser.

Cheffchen

 

[MrMurphy]

Hallo,

ohne einen Link oder den kompletten Quelltext ist kaum ein Lösung möglich.

Wenn der Platz unter dem Bild frei bleiben soll könntest du dem Text einen linken Abstand (margin-left) von etwas mehr als der Bildbreite eingeben.

Gruss

MrMurphy

 

[konzule]

<div id="block">
    <figure>
        <img src="3.jpg">
    </figure>
    <p>................</p>
    <p>................</p>
    <p>................</p>
    <p>................</p>
    <p>................</p>
    <p>................</p>
    <p>................</p>
    <p>................</p>
    <p>................</p>
    <p>................</p>
    <p>................</p>
    <p>................</p>
    <p>................</p>
    <p>................</p>
    <p>................</p>
</div>

So in etwa vereinfacht dargestellt.
Ich möchte das sich alle <p> Tags neben dem Bild anordnen. Und sich grade nach unten fortsetzen. Leider kann ich den <p> Tags in keinen seperaten Block packen. :(

 

[MrMurphy]

Hallo,

wie schon geschrieben:

Dem figure Elemente eine Breite geben (z. B. 400px) und es nach links floaten lassen.

Den p-Elementen einen linken Abstand von z. B. 480px geben.

Dann noch ein clear oder clearfix einbauen.

Gruss

MrMurphy

 

[konzule]

Genau. Das funktioniert. Merci!