Ralf Heumann: IE: line-height im <li> greift nicht bei Grafik...

SELF-Forum

IE: line-height im <li> greift nicht bei Grafik...

Ralf Heumann Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo,

unter http://www.janus-wa.de/layouts/reproplast/ hab ich rechts oben ein Submenü. Gelb markiert sind die <li>-Elemente mit einer line-height von 40px. Sobald in dem <li> aber eine Grafik steckt greift die line-height nicht mehr (siehe "Home") .. Dieses Problem liegt nur im IE vor woran liegt das und wie kann ich das beheben?

Vielen Dank im voraus un Grüße,

Ralf

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. IE: line-height im <li> greift nicht bei Grafik...

    Julian Hofmann
    – Informationen zu den Bewertungsregeln

    Hallo Ralf.

    und wie kann ich das beheben?

    Probier mal entweder

    • die Grafik als Background-image des Links zu platzieren
    • die Höhe per height bzw. über padding zu bestimmen.

    Grüße aus Würzburg
    Julian

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. IE: line-height im <li> greift nicht bei Grafik...

    Sven Rautenberg Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Moin!

    unter http://www.janus-wa.de/layouts/reproplast/ hab ich rechts oben ein Submenü. Gelb markiert sind die <li>-Elemente mit einer line-height von 40px. Sobald in dem <li> aber eine Grafik steckt greift die line-height nicht mehr (siehe "Home") .. Dieses Problem liegt nur im IE vor woran liegt das und wie kann ich das beheben?

    Pack die Grafik doch als Hintergrundgrafik in das LI oder das A. Dann hast du auch weniger Probleme, wenn die sich mal ändern soll - inhaltlich gerechtfertigt (vom Textinhalt gesehen) ist das Icon ja eigentlich nicht.

    - Sven Rautenberg

    --
    My sssignature, my preciousssss!
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. IE: line-height im <li> greift nicht bei Grafik...

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    unter http://www.janus-wa.de/layouts/reproplast/ hab ich rechts oben ein Submenü. Gelb markiert sind die <li>-Elemente mit einer line-height von 40px. Sobald in dem <li> aber eine Grafik steckt greift die line-height nicht mehr (siehe "Home") .. Dieses Problem liegt nur im IE vor woran liegt das und wie kann ich das beheben?

    hasLayout könnte weiterhelfen - height:1% (nur für IE/Win) für den Link, und auch noch vertical-align:middle.

    Ich würd's aber vermutlich auch eher als Hintergrundbild einbauen.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  4. IE: line-height im <li> greift nicht bei Grafik...

    Cyx23
    – Informationen zu den Bewertungsregeln

    Hallo Ralf,

    Sobald in dem <li> aber eine Grafik steckt greift die line-height nicht mehr (siehe "Home") .. Dieses Problem liegt nur im IE vor woran liegt das und wie kann ich das beheben?

    Wohlt mit Änderungen bei float oder zusätzlichem float oder clear, ggf.
    nur für den IE, vgl. auch Listenmenu crossbrowser, oder ähnlich z.B. so:

    #navigation .subnavi li img {float:left;padding-top:14px}

    Grüsse

    Cyx23

    --
    Schmuckgestaltung Trauringkurse | Barrierefreies Webdesign in Düsseldorf | Produktdesign
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln