tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
456
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Niklas1812 Niklas1812 ist offline Mitglied Silber
    Registriert seit
    Nov 2009
    Beiträge
    58
    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
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Problem mit Floaten-bild.png  
     

  2. #2
    Avatar von tobee
    tobee tobee ist offline Grolba.com media
    Registriert seit
    Jul 2005
    Ort
    Karlsruhe
    Beiträge
    1.700
    Blog-Einträge
    131
    Dein HTML müsste ungefähr so aussehen
    HTML-Code:
    <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.../float-theorie
     

  3. #3
    Niklas1812 Niklas1812 ist offline Mitglied Silber
    Registriert seit
    Nov 2009
    Beiträge
    58
    So schon besser nur ich weiß nicht wie ich das Bild cleanen soll in html Code oder im Css und mit welchem Code ?
     

  4. #4
    Avatar von tobee
    tobee tobee ist offline Grolba.com media
    Registriert seit
    Jul 2005
    Ort
    Karlsruhe
    Beiträge
    1.700
    Blog-Einträge
    131
    So müsste es gehen
    Code :
    1
    2
    3
    4
    5
    
    <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>
    Code css:
    1
    
    .clear {clear: both;}
     

  5. #5
    djheke djheke ist offline Mitglied Silber
    Registriert seit
    Sep 2011
    Beiträge
    96
    Was du brauchst ist overflow:hidden

    Code :
    1
    
    #vid-pic { overflow:hidden; }

    So sparst du dir ein zusätzliches Element. Aber clear geht auch.
    Geändert von djheke (02.12.11 um 17:02 Uhr)
     

Ähnliche Themen

  1. IE6 li floaten nicht
    Von Dimitrj im Forum CSS
    Antworten: 2
    Letzter Beitrag: 11.11.09, 10:12
  2. 2 Divs floaten
    Von GN911 im Forum CSS
    Antworten: 5
    Letzter Beitrag: 08.10.08, 14:42
  3. Im div 2 p Elemente floaten...
    Von jackob100 im Forum CSS
    Antworten: 5
    Letzter Beitrag: 17.02.08, 20:11
  4. Div's Floaten
    Von Gunah im Forum CSS
    Antworten: 4
    Letzter Beitrag: 12.09.07, 08:33
  5. div´s floaten
    Von puetz im Forum CSS
    Antworten: 4
    Letzter Beitrag: 04.02.05, 15:41