img rechts ausrichten mit CSS

  • Hallo!

    Möchte eine Grafik rechts ausrichten ohne zu floaten.
    Mit

    Code
    img {text-align:right;}

    will es nicht funktionieren.
    Kann mir jemand von der Leitung helfen(?_?)

    freundliche Grüße
    Peter
    (^_^)

  • Nimm das "text-" raus dann sollte es funktionieren. ;)

    text-align definiert den Text, der innerhalb des Elementes steht (gibt es bei img nicht), align die Position des Elementes selbst.

    LG

  • Hallo lauras!

    Du meinst so

    Code
    img {
            align:right;
            /*border:solid 3px;*/
            /*height:199px;*/
    }

    ?

    Aber das funktioniert doch nur im Element img selber und nicht im externen Stylesheet.
    Und W3C hat was dagegen

    Zitat

    Validation Output: 1 Error

    Line 68, Column 169: The align attribute on the img element is obsolete. Use CSS instead.
    … align="right" />

    Editor meint im CSS

    Zitat

    unknow property 'align'. declaration dropped.

    Gruß
    Peter

  • Richtig, das ist veraltet.

    Warum du kein float-benutzen willst verstehe ich auch nicht - da kannst du zwischen der falschen und der richtigen Möglichkeit, die du nicht verwenden willst, wählen^^

    Vielleicht schilderst du uns, was du machen willst, dann können wir dir mit dem Anbringen von float und clear helfen :)

    LG

  • Zitat von "Peter1978"

    Das muss man wieder clearen!
    Ich dachte man hat ein eigenes Attribut - like text-align!

    Na und?

    Eben float...

  • text-align = Textausrichtung

    TIPP:

    du kannst das clear auch in eine classe packen und in br ausgeben

    Code
    <br class="clearen" />
    Code
    .clearen {clear: both;}
  • Oder einfach in die Elemente reinschreiben, die es brauchen..

    clear bedeutet nichts anderes, als dass auf der Seite die man angibt kein anderes Element mehr stehen darf.

  • Ok ^_^/

    Habe <img> rechts gefloatet und <p>
    allgemein clear:both; verpasst.
    Ergebnis --> wie gewünscht^^

    Danke für den Denkanstoß!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!