aktives Seite in Navi hervorheben

    Servus,

    ich habe schon alles durchsucht bisher aber noch nicht auf die passende Lösung gestossen.
    Ich möchte in der Navi die aktive Seite hervorheben, das klappt super mit current_page_item ABER: Leider hebt sich wenn ich Seite 1 wähle, auch UNterseiten von Seite 1 hervor, was ich aber noch nicht möchte. wenn diese aktiv sind, soll deren elternteil hervorgehoben werden, das klappt soweit. Nicht aber das die Eltern alle Kinder hervorheben...

    Hat dieses Problem jemand behoben??

    • 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

    das behebst du mit CSS indem Du die ul nach dem Elternteil genau definierst

    schau in den Quellcode
    beim Browser oben findest Du Ansicht==>Quellcode da suchst Du Dir genau die HTML-Klassen raus und beschreibst sie in genau der Reihenfolge getrennt mit einem Abstand

    .current_page_item .item oder so ähnlich , ich habe die jetzt nicht bei der Hand;)

    Jap ist mir klar.. bin ich seit stunden dran:

    Wenn ich nun auf Seite 1 bin, wird diese durchgestrichen wie ich es will, aber deren Unterseiten auch, was ich aber nicht möchte!

    Einmal editiert, zuletzt von snowbound (30. August 2009 um 23:45)

    nach dem

    Code
    .nav li.current_page_item a{
text-decoration: line-through;
}

    komm tnoch eine Klasse und irgendein html - ganz sicher und die musst du ansprechen

    Code
    .nav li.current_page_item a  ul li.unbekannte class a{
 text-decoration: none;
 }

    Hier der Auszug, da kommt keine class die ich nutzen kann. Page-item-10 und 13 müsste ich bearbeiten....

    Zitat von snowbound

    Hier der Auszug, da kommt keine class die ich nutzen kann. Page-item-10 und 13 müsste ich bearbeiten....

    wieso vor page-item-13 steht die class page_item und die kannst Du ganz gezielt ansprechen

    .current_page_item .page_item ...

    lg

    Hallo Monika,

    scheinbar klappt das noch immer nicht.
    Wenn ich das richtig verstanden habe, funktioniert das so:

    Code
    .nav li.page_item a{}              > alle Elemente oberer Ebene
.nav li ul li.page_item a{}         > alle Elemente eine Ebene tiefer
.nav li.current_page_item a{}    > aktive Elemente oberste Ebene
.nav li ul li.current_page_item a{}    > aktive Elemente eine Ebene tiefer

    Doch genau das klappt nicht. Wird Seite 1 aufgerufen, ist diese und deren Unterseiten aktiv ?!?

    Code
    .nav li.page_item a{ }  //alle Elemente
.nav li ul li.page_item a{background: blue;}
.nav   li.current_page_item a{text-decoration: line-through;}


body .nav .current_page_item  li.page_item a{ text-decoration:none;}

    hat zumindest in Firebug gut funktioniert

    es geht in Firebug auch so

    Code
    .nav li.page_item a{ }  //alle Elemente
.nav li ul li.page_item a{background: blue;}
.nav   li.current_page_item a{text-decoration: line-through;}


.nav li.current_page_item  li.page_item a{ text-decoration:underline;}

    Habe noch versucht den Elternteil hervorzuheben falls ein Kind markiert ist, dabei sollen aber die anderen Kinder ebenfalls nicht aktiv sein....

    klappt so leider nicht:

    Code
    .nav li.current_page_parent a{background-color:  red;}

    nee das geht so nicht ;)

    weil das Elternteil ja nicht weiß, dass ein Kind aktiv ist --wie im real life auch , da wissen die Eltern auch oft net , was die Kids treiben

    :mrgreen:

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden