current_page_item und Untermenü

Hi.

Ich will auf einer Seite die statischen Seiten mit 2 Ebenen (Also Menü und zu jedem Punkte 1 Ebene Unterpunkte) definieren.

Die 1. Menüebene soll bei "active" hervorgehoben und die 2. Ebene auch, allerdings in einem anderen style.

Hier mal die Zeile des css, die das regelt:

#menulinks a:hover,
#menulinks li.current-cat a,
#menulinks li.current_page_item a {
  background:#FF0033;
}

Ich dachte, wenn ich eine zweite Klasse und dann nur eben

#menulinks li ul.current...

definiere, müsste das doch gehen.

Aber es ändert sich nichts.
Weiß jemand, wie ich die beiden Menüebenen getrennt bekomme?

Danke!

vielleicht habe ich das unverständlich beschrieben...

Das Problem ist:
Ich habe im Menü Seiten und dazu Unterseiten. Wenn ich eine Unterseite anklicke, dann soll die jeweilige Hauptseite in einem Style sein und gleich bleiben bei alle zugehörigen Unterseiten.
Die jeweiligen Unterseiten sollen aber in einem eigenen Style hervorgehoben werden - wenn aktiv, damit man sieht, wo man sich befindet.

Also wie kann man im css die current_page_item für die einzelnen Ebenen trennen?

so habe ich die beiden Sachen erst mal trennen können:

#menulinks a:hover,
#menulinks li.current-cat a,
#menulinks ul ul li.current_page_item a {
  background:rot;
}


#menulinks ul ul ul li.current_page_item a {
  background:grau;
}

allerdings sind jetzt die Unterpunkte alle rot, wenn ich auf der Hauptseite bin... Wenn ich wiederum auf den Unterseiten bin, ist die Hauptseite nicht mehr rot...

Weiß denn keiner einer Rat?

Drängeln ist nicht meine Absicht, ich habe nur die Ergebnisse gepostet, die ich in der Zwischenzeit beim probieren heraus gefunden habe... bzw. was ich nicht herausgefunden habe.
Dadurch wirds ja vielleicht auch verständlicher.

Den Link zu der Seite stelle ich natürlich auch gern zur Verfügung:
News

besten Dank!

P.S. Glaskugeln sitzen vorm Fernseher?

naja, fast... ich habe das Redirector-PI benutzt. Dadurch sieht man den Style der Hauptseite gar nicht, weil es gleich auf die Unterseite weiterleitet.

Was sein soll, ist, dass die Hauptseite (also z.B. "BV.TS Aktuell") einen roten Background hat, wenn man auf den dazugehörigen Unterseiten ist.

Wenn man dann auf "Der BV.TS" klickt soll diese Hauptseite rot im BG sein, und "BV.TS Aktuell" wieder weiß.

Ich weiß ja, wie man die einzelnen Klassen un dso anspricht, aber ich verstehe das current_page_item nicht...

mmmh, funktioniert im Prinzip, allerdings macht er auch bei den Untermenüs jetzt einen roten Balken.

Der rote Hintergrund soll nur unter der Hauptseite sein, solange wie man sich auf den Unterseiten befindet. Die Unterseiten wiederum sollen keinen Hintergrund haben.
(Ich habe jetzt aber mal bei denen den BG grau gemacht, nur um zu sehen, was da passiert.)

Oder komme ich mit der Hierarchie durcheinander? ul ul li. ... oh Gott...

hier mal ein Bild, wie es aussehen sollte. Bei klick auf den 2. Unterlink soll dann auch der nur rot werden, weil aktiv...

naja, offensichtlich verstehe ich das irgendwie falsch.

Ich denke, dass .current_page_item der Link ist, der aktiv ist.
.current_page_parent ist dann die Hauptebene, oder?

Das haut ja auch hin soweit, also die 1. Ebene ist rot im BG und die 2. Ebene hat die rote Schrift und keinen BG (habe ich wieder geändert).

Das Problem ist nur noch, dass auch die anderen Links (die gerade nicht aktiv sind) in der 2. Ebene den roten BG haben, das sollen sie aber nicht!

Vielleicht kann man das auch anders machen.
Ich habe das mal gesehen, ohne dieses current...

1. Ebene = weißer BG - und wenn aktiv=roter BG
2. Ebene = immer weißer BG - wenn aktiv=rote Schrift (sonst grau)

also so in etwa:

#menulinks li a {
background:none;
color:#666;
}


#menulinks ul li a {
background:none;
color:#666;
}


#menulinks li a:active {
background:#ff0000;
color:#fff;
}


#menulinks ul li a:active {
background:none;
color:#ff0000;
}

Das Problem ist nur, dass, wenn ul li aktiv ist, auch li als aktiv sein müsste.

active heißt ja wohl gedrückt, oder? dann funktioniert das nicht... aber so stelle ich mir irgendwie vor. Dieses verschachtelte krieg ich irgendwie nicht hin...

hier vielleicht noch mal zum besseren Verständnis, wie es aussehen soll (siehe Bildanhang)

un dhier noch mal zur Seite

hier habe ich einen Beitrag gefunden, der wohl das Problem behandelt.

Genau das funktioniert bei meiner Seite aber irgendwie nicht.
Liegt das problem vielleicht in einem php-Abschnitt und nicht in der CSS?

das wars also:

#menulinks li.current_page_parent [COLOR=Red]li[/COLOR] a {

jetzt haur es hin!

Tausend Dank!