Child einrücken - Background nicht

  • Ich möchte eine ganz normales wp_list_pages - Menü

    Die Child-Seiten sollen dabei eingerückt sein
    Nun möchte ich einen Mouse-Over-Effekt, der eine kleine Markiergrafik einblendet, die soll aber bei den Child-Punkte nicht eingerückt sein, etwas so:

    Zitat


    + Seite 1
    + Seite 2
    + [COLOR=LightBlue] .....[/COLOR]Kind 1
    + [COLOR=LightBlue] .....[/COLOR]Kind 2
    + Seite 3

    (Ich habe den Mousover (+) jetzt mal bei allen seiten dargestellt)

    Ich bekomme das nicht hin, wie muss ich das machen

    tschüß [size=24][color=olive]n[/color][/size]epf

    • 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

  • ich nehme auch padding.
    Aber muss ich das padding dem ul oder dem li geben?
    Ich probier ich tot und irgendwie funktioniert es nicht.
    Kennst Du vielleicht ein Theme, bei dem das funktioniert, dass ich mir das mal abgucken kann?

    tschüß [size=24][color=olive]n[/color][/size]epf

  • Du solltest das <a> nehmen, da der IE hover-Effekte afaik nur auf a-Elementen zulässt.

    du machst dann noch ein blocklevel-element aus dem a und kannst nun deine Markierung an der Stelle einblenden an der du sie haben möchtest.

    Gruß
    Mo

  • Ein CSS-Beispiel (die verschachtelte Liste in HTML sollte ja klar sein):

    Nicht wundern, das ist nicht aus einem WP-Template- aber zumindest daran angelehnt. ;-) In deinem Fall - wie Morris schon sagte - das <a> zu einem Blockelement machen (bei mir ist da noch ein <span>, ändert aber nicht viel).

  • (bei mir ist da noch ein <span>, ändert aber nicht viel).

    Naja, auf einem <span> wird der IE kein hover akzeptieren (ich weiß allerdings nicht, ob der IE8 mitlerweile dazugelernt hat) und somit wird die Anzeige des hover-Hintergrindbildes nur begrenzt funktionieren.
    Aber ansonsten ändert sich wirklich nicht viel :)

    Gruß
    Mo

  • Naja, auf einem <span> wird der IE kein hover akzeptieren


    Nö. Aber

    Code
    a:hover span {}


    schafft auch der IE 6. ;-)

    Zitat

    (ich weiß allerdings nicht, ob der IE8 mitlerweile dazugelernt hat)


    Hat er. Der 7er dachte ich auch schon...

    Zitat

    Aber ansonsten ändert sich wirklich nicht viel :)


    Sag ich doch. :-D (Darum gings mir ja auch nicht, du hattest ja schon darauf hingewiesen.)

Jetzt mitmachen!

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