Bilderausrichtung FF /IE

    Hallo zusammen,

    nachdem ich jetzt einige Wochen ohne Hilfe ausgekommen bin, kräuseln sich mir jetzt wieder die Haare.

    Ich bin gerade wieder an einem WP-Blog am frickeln, der soweit auch das tut was er soll - solange er keine Bilder anzeigen soll.

    Die setzt er mir nämlich im Firefox ohne den gewählten Abstand unmittelbar an den Text geklatscht, wogegen der IE die Angaben richtig umsetzt.

    Ich habe auch schon im Stylesheet gesucht und experimentiert, aber das Entfernen / Modifizieren der dort unter "Images" angegeben Styles führte zu keinem Ergebnis. :-?

    hier ist der Blog

    verwendet wurde das Lexus Theme...

    Bin wie immer für jeden hilfreichen Tipp dankbar!!!

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    HTML
    <img vspace="5" hspace="10" ... />

    *grusel*
    Formatiere den Abstand per CSS (z.B. margin:10px; ), dann klappts auch mit dem Firefox. Der ignoriert die veralteten vspace- und hspace-Angaben nämlich (richtigerweise!) bei dem von dir verwendeten Doctype XHTML-Strict.

    Zitat von Gaeltacht

    Ich habe auch schon im Stylesheet gesucht und experimentiert, aber das Entfernen / Modifizieren der dort unter "Images" angegeben Styles führte zu keinem Ergebnis. :-?

    Danke für den Tipp, aber soweit war ich schon. Ich habe die im CSS angegebenen margins modifiziert, ich habe den gesamten "image" - Bereich kurzfristig gelöscht, ich habe.... Aber egal WAS ich gemacht habe, das Erscheinungsbild blieb im FF immer gleich, während es sich im IE änderte.

    In anderen WP-Blogs akzeptiert der FF die hspace / vspace Angaben übrigens durchaus.

    Hier als Ergänzung der CSS Abschnitt "images":

    /* Begin Images */

    p img {padding: 0;}
    p img[alt="an image"] {float: left; margin: 0 7px 2px 0;}
    img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
    img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

    .center {display: block; margin-left: auto; margin-right: auto;}
    .alignright {float: right;}
    .alignleft {float: left;}

    .images {width: 95%; text-align: center;}
    .images img {float: left; clear: both; margin: 0 auto;}

    /* End Images */

    Am einfachsten erreichst du das Bild so wie es ist mit:

    PHP
    p img {
padding: 0;
margin:10px;
}


    Hau auf jeden Fall dieses valign usw. raus.

    So, und dann musst du entscheiden was du willst, du hast ja schon Angaben in deiner CSS. Um die nutzen zu können braucht ebend dein Bild eine der Klassen, z.B.

    PHP
    <img src..... class="alignright" />


    dann kannst du in der CSS bei .alignright{ HIER } alles wie gewollt anpassen.

    Zitat von Gaeltacht


    In anderen WP-Blogs akzeptiert der FF die hspace / vspace Angaben übrigens durchaus.


    Durchaus möglich. Haben die auch den Doctype XHTML-Strict? Oder Transitional? Da dürfte der FF mißbilligte Elemente und Attribute noch akzeptieren.

    Dein CSS hatte den Bildern übrigens vorher nur padding:0; mitgegeben, kein Wunder wenn da keine Abstände kommen (überprüft mit FF und Firebug). Deswegen ja auch mein Hinweis mit dem margin.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden