REDAXO Forum

Hallo Ihr,

ist es möglich, Text um ein Bild via css ohne umfliessen darzustellen? Ich habe einige Icons und auch breitere Bilder und möchte den Text rechts davon plazieren. Wenn der Text länger als die Höhe des Bildes ist, würde er sich dann irgendwann linksbündig umschliessen. Mein Modul ist derzeit mit 2 Containern (Bild/text), wobei ich dabei starre Werte zugewiesen habe. Nun möchte ich dieses allgemein verwenden und die festen Werte variabel halten.

Danke für jede Information.

Grüsse Sandmaus

hi sollte doch so gehen...

Code: Alles auswählen

<div class="box">
<div class="bild">Bild</div>
<div class="text">Text</div>
</div>

css

Code: Alles auswählen

#box { width:500px; float:left;}
#box .bild { float:left; width:200px;}
#box .text { float: right; width:300px;}

im darauf folgenden tag dann noch ein clear setzen...
gruß richy

Danke für Deine Info,
da es aber auch Bilder geben kann, welche nur 100 px breit sind, sind die Abstände dann mal breiter oder weniger breiter zum Text.

Ich mache es jetzt wohl anders
$breite container = 600px;
$abstand_bild_text = 20px;

Über das Media-Objekt hole ich mir die Breite des Bildes

<div class="box">
<div class="bild" style="width:<?php echo $breite_bild+$abstand_bild_text; ?>;">mein_bild</div>
<div class="text" style="width:<?php echo $breite container-$breite_bild-$abstand_bild_text; ?>;">mein_text</div>
</div>

css: container float:left;

REDAXO Forum

Bild mit Text css

Bild mit Text css

Re: Bild mit Text css

Re: Bild mit Text css