Forum

[sandmaus]

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

[Richard.Laing]

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

[sandmaus]

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;