Nach langer Suche: Frage zum Wordpress 3.x - Menü

Hallo liebe Forum-Gemeinde,

da ich selber nicht mehr weiter komme wage ich es nun dieses Forum zu befragen.

Da Fragen stellen ohne vorher ausgiebig zu lesen wirklich unverschämt ist, möchte ich versichern dass ich viel über die Menüs in Wordpress gelesen habe. Ich habe auch versucht die verschiedenen Verhalten des Menüs mittels Firebug zu erkunden - je mehr ich allerdings versucht habe um so größer wurde in den letzten zwei Wochen meine Verwirrung.

Ich versuche in Wordpress 3.5.1 ein Menü mit zwei Ebenen zu realisieren. Dazu benutze ich das (anscheinend) in WP 3 neu hinzugekommene Benutzermenü. Sehen könnt ihr das ganze Drama unter http://www.svensemmler.net

Mir ist es auch nicht möglich ein anderes Theme als das hier benutzte zu verwenden.

Meine Probleme sind folgende:

- Beim Aufruf der Seite: "Start" ist aktiv (also weiß hinterlegt). Der Punkt "Kategorie1" um Untermenü jedoch nicht als aktiv gekennzeichnet. "Start" ist gleichzeitig auch "Kategorie1" - beim Aufruf soll also die Kategorie 1 angezeigt werden und dementsprechend auch im Menü aktiv sein.

- Dazu kommt, dass Kategorien im Untermenü wenn sie ausgewählt sind nicht aktiv markiert sind. Bei einer Seite im Untermenü - also in meinem Beispiel die "Beispiel-Seite" - funktioniert das. Schrift ist rot und bold, Pfeil zeigt nach unten.

- Unabhängig davon ob der ausgewählte Punkt im Untermenü sich als ausgewählt präsentiert oder nicht wird trotzdem das übergeordnete Menü, also "Start" nicht mehr weiß unterlegt sobald man einen dieser Punkte anwählt.

- Zu all dem kommt folgendes komische Verhalten hinzu:
Ist die "Beispiel-Seite" angewählt und ich überfahre mit der Maus "Kategorie1" oder "Kategorie2" werden diese plötzlich dunkelgrau unterlegt.

Auch wenn es den Erfahrenen sicher klar ist, hier noch ein Bild aus dem Backend wie ich die Menüs angeordnet habe:

Das Zusammenspiel der in der style.css verwendeten Klassen erschließt sich mir überhaupt nicht. Werden hier Eigenschaften vererbt o.Ä.?

Ich würde mich sehr freuen wenn mir jemand einen Tipp geben kann was hier passiert und wie ich das Problem lösen kann.

Vielen Dank schon mal für´s lesen!

Gruß Sven

Wahrscheinlich liegt es irgendwie am CSS?
Das erscheint mir ziemlich viel CSS zu sein für so "wenig Navigation" ?

/* Beginn Seitennavigation
--------------------------------------------------------------*/

.page-nav {
position: relative;
top: -24px;
left: 30px;
width: 840px;
}

.page-nav ul {
overflow: hidden;
padding: 5px 0 6px;
}

.page-nav ul li {
display: inline;
white-space: nowrap;
}

.page-nav ul li a {
color: #fff;
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
margin: 0 5px 0 0;
padding: 5px 15px 6px;
text-transform: uppercase;
}

.page-nav ul li a:hover {
background: #00314a;
color: #fff !important;
text-decoration: none;
}

.page-nav ul li.current_page_item a,
.page-nav ul li.current_page_item a:hover,
.page-nav ul li.current_page_parent a,
.page-nav ul li.current_page_parent a:hover,
.page-nav ul li.current_page_ancestor a ,
.page-nav ul li.current_page_ancestor a:hover,
.page-nav ul li.current-menu-item a,
.page-nav ul li.current-menu-item a:hover,
.page-nav ul li.current-category-ancestor a ,
.page-nav ul li.current-category-ancestor a:hover {
background: #fff;
color: #df0404 !important;
text-decoration: none;
}

.page-nav ul li ul.sub-menu,
.page-nav ul li ul.children{
display: none;
}

.page-nav ul li.current-menu-item ul.sub-menu,
.page-nav ul li.current-menu-ancestor ul.sub-menu,
.page-nav ul li.current-menu-parent ul.sub-menu,
.page-nav ul li.current_page_item ul.children,
.page-nav ul li.current_page_ancestor ul.children,
.page-nav ul li.current_page_parent ul.children {
display: block;
margin: 0 0 10px;
padding: 5px 0 0;
position: absolute;
top: 25px;
left: 0px;
width: 565px;
}

.page-nav ul ul.sub-menu li,
.page-nav ul ul.children li {
background: transparent url(images/nav-pfeil-blau.gif) no-repeat;
display: inline;
padding: 1px 10px 0;
}

.page-nav ul ul.sub-menu li a,
.page-nav ul ul.children li a {
color: #00314a !important;
margin: 0;
padding: 0;
}

.page-nav ul ul.sub-menu li a:hover,
.page-nav ul ul.children li a:hover {
color: #df0404 !important;
text-decoration: none;
}

.page-nav ul ul.sub-menu li.current_page_item,
.page-nav ul ul.sub-menu li.current-menu-item,
.page-nav ul ul.sub-menu li.current_page_ancestor,
.page-nav ul ul.children li.current_page_item,
.page-nav ul ul.children li.current_page_ancestor {
background: url(images/nav-pfeil-rot-unten.gif) no-repeat;
}

.page-nav ul ul.sub-menu li.current_page_item a,
.page-nav ul ul.sub-menu li.current-menu-item,
.page-nav ul ul.sub-menu li.current_page_item a:hover,
.page-nav ul ul.sub-menu li.current_page_ancestor a,
.page-nav ul ul.sub-menu li.current_page_ancestor a:hover,
.page-nav ul ul.children li.current_page_item a,
.page-nav ul ul.children li.current_page_item a:hover,
.page-nav ul ul.children li.current_page_ancestor a,
.page-nav ul ul.children li.current_page_ancestor a:hover {
color: #df0404 !important;
font-weight: bold;
}

.footer-nav {
display: inline;
}

.footer-nav ul {
display: inline;
list-style: none;
}

.footer-nav ul li,
.footer-nav ul li:hover {
background: none;
display: inline;
margin: 0 5px 0 0;
}

.footer-nav ul li a {
color: #7f98a4;
}

.footer-nav ul li a:hover {
color: #00314a;
text-decoration: none;
}

Hallo, danke für eure Antworten!
-Bene-: Bei Kategorie1 und Kategorie2 handelt es sich um Kategorien, nicht um Seiten. Nur Beispiel-Seite ist eine Seite. Ich habe beides angesehen und habe im Backend keine Möglichkeit gefunden Eltern-Elemente auszuwählen ... stehe ich auf dem Schlauch?

-WP-Theme.eu- Danke schon mal so weit! Das hilft. Kannst du dir und mir erklären warum diese Farbe beim Hover erst greift nachdem etwas im Menü angeklickt wurde? Im "Original-Zustand", also direkt nach dem Laden der Seite geschieht das nicht, erst wenn ein Element des Untermenüs angewählt wird ändert sich die Hintergrundfarbe zu diesem Grau.

Hey -Bene-,

okay, das geht bei Seiten ... aber bei Kategorien ja nicht.
Und die Menüpunkte Kategorie1 und Kategorie2 sind ja Kategorien :-/

Okay ... also benötige ich diese Funktion nicht da ich wie von dir erwähnt das "Individualmenü" benütze.
Die Einträge habe ich auch wie von dir beschrieben nach rechts verschoben - sieht man ja auch am Menü dass das passt. Nur die "markiererei" der einzelnen Punkte im jeweiligen Zustand funktioniert halt nicht :-(

Hallo Shadow,

mit "markieren" meine ich das Problem das ich in meinem Ausgangspost beschrieben habe.
Das Übergeordnete Menü, also "Start" bleibt beim anwählen von z.B. "Kategorie 1" nicht weiß hinterlegt.
Ebenso wird diese Kategorie 1 nicht als ausgewählt (rot, bold und Pfeil nach unten) dargestellt wenn sie angeklickt wurde.