[CSS] float-Befehl

Dieses Thema im Forum "Webdesign" wurde erstellt von gmarked, 17. Juni 2009 .

  1. 17. Juni 2009
    float-Befehl

    Hiho.
    Ich möchte gern, dass der float Befehl nur auf eingefügte Bilder innerhalb von <p> Tags angewandt wird.
    Ansonsten sollen die Bilder von dem float Befehl unberührt bleiben.
    Wie stelle ich das an?

    Danke!
     
  2. 17. Juni 2009
    AW: float-Befehl

    Code:
    p img {
     float: irgendwas;
    }
    
    so

    kannst das beliebig verschachteln
     
  3. 17. Juni 2009
    AW: float-Befehl

    Habs mit p:img { } versucht, da lag ich also gar nicht so weit entfernt.
    Aber so recht funktionieren will das nicht. :O
    Bist du dir sicher, dass das so geht?

    So schauts bei mir aus:

    Ausschnitt aus css Datei:
    Code:
    p {
     color: #ff66ff;
    }
    
    p img {
     margin: 5px;
     float: right;
    }
    
    Code:
    <img src='mini_design.jpg' />
     <p>
     Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
     </p>
    
    Ergebnis:
    {bild down}



    Wenn ich jetzt aber nur:
    Code:
    img {
     float: right;
    }
    
    nehme, geht es.
    Allerdings passiert dann genau das, was ich ja nicht haben will (News verschiebt sich; auf der ganzen Website sind noch mehr Bilder, also ist das bei allen so).

    Ergebnis:
    {bild down}
     
  4. 17. Juni 2009
    AW: float-Befehl

    Wenn du einem Element ein float gibst, dann wird es anderen Elementen umflossen. Es kommt auf die Abstände und floats der anderen Elemente an. Wenn du einen Link postest, kann man mal eben mit Firebug drüber gehn und den Fehler finden.

    Außerdem solltest du dir, um es zu verstehen, den CSS Workshop durchlesen. Ist kurz und einfach:
    www.css4you.de
     
  5. 17. Juni 2009
    AW: float-Befehl

    Ich verstehe es doch, von daher brauche ich mir das nicht anschauen.
    Ich verstehe floats, und du siehst doch auch, dass es funktioniert, wenn ich float nur den img zuweise. Mein Problem ist doch lediglich die Verschachtelung.
     
  6. 17. Juni 2009
    AW: float-Befehl

    Gut dann rate ich dir das ganze mal in der Firefox Extension Firebug anzuschauen. Dort kannst du über dein img fahren, dass das float bekommen hat und sehen, woher es stammt. Vielleicht wird es vererbt.
    Ansonsten ists jetzt schwierig, anhand eines Bildes deinen Fehler zu finden. Du hast in deinem geposteten Code keine Verschachtelung, also img, dann p-Tag, nichts ineinander. Wenn dein img nicht in nem andern p-Tag liegt, dürfte es kein float haben, wenn du p img{float:xyz;} angegeben hast.
     
  7. 17. Juni 2009
    AW: float-Befehl

    Problem gefunden, dummer dummer Fehler.
    Danke für eure Hilfe!
    Close pls!
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.