Problem mit Floaten

[Niklas1812]

Hallo,

Ich habe ein kleinen Problem bei dem es um Floaten geht auf dieser Seite http://dont-cry.de/videos.html soll der Text der gerade über dem Schwarzen Bild ist Rechts daneben (Siehe Anhang) nur ich bekomme das nicht hin

Hoffe ihr könnt mir helfen vielen Dank schonmal !

Gruß Niklas

 

[tobee]

Dein HTML müsste ungefähr so aussehen

<div id="vid-pic">
<p style="float:left;"><img src="" width="" height="" /></p>
<p>Dieser Text hat keinen besonderen Sinn er dient nur der Opitk.Dieser Text hat keinen besonderen Sinn er dient nur der Opitk.Dieser Text hat keinen besonderen Sinn er dient nur der Opitk</p>
</div>

Wichtig ist noch das du das floaten wieder "clearst"
http://www.andreas-kalt.de/webdesign/tutorials/float-theorie

 

[Niklas1812]

So schon besser nur ich weiß nicht wie ich das Bild cleanen soll in html Code oder im Css und mit welchem Code ?

 

[tobee]

So müsste es gehen

<div id="vid-pic">
<p style="float:left;"><img src="" width="" height="" /></p>
<p>Dieser Text hat keinen besonderen Sinn er dient nur der Opitk.Dieser Text hat keinen besonderen Sinn er dient nur der Opitk.Dieser Text hat keinen besonderen Sinn er dient nur der Opitk</p>
<br class="clear" />
</div>

.clear {clear: both;}

 

[djheke]

Was du brauchst ist overflow:hidden

#vid-pic { overflow:hidden; }

So sparst du dir ein zusätzliches Element. Aber clear geht auch.