Hallo allerseits,
ich versuche mich gerade an unserer Vereinshomepage, welche von einer Firma auf WP-Basis aufgebaut wurde.
Leider habe ich sehr wenig Ahnung von CSS und mein Bruder, der Ahnung davon hätte, kommt nicht auf die Seite (er bekommt nur die eigentlich deaktivierte Landingpage angezeigt) - und er wohnt zu weit weg, um mal eben bei mir direkt am PC zu schauen.
Also muss ich leider das Forum befragen, denn auch die Internet- und Forenrecherche haben mich bisher nicht weiter gebracht.
Nun zur Seite.
Auf http://www.drk-lippstadt.org haben wir links ein Menü, welches über das Widget "Individuelles Menü" ins Template eingefügt wird.
Nun habe ich im Widget einige Seiten auf einer 3. Ebene (zweite Unterebene) gesetzt, was jedoch im Ergebnis nicht korrekt angezeigt wird.
Wähle ich auf der Homepage im Menü eine Seite mit Unterebene (2. Ebene), dann öffnen sich die 2. und 3. Ebene, die gerade geöffnete Seite der 2. Ebene wird auch farblich hervorgehoben.
Wähle ich nun die Seite der 3. Ebene aus, öffnet sich zwar die Seite, aber das Menü klappt wieder ein und kein Menüpunkt ist hervorgehoben - dabei sollte doch jetzt der Menüpunkt in der 3. Ebene hervorgehoben sein!
Da ich nicht weiß, ob es was hilft, hier mal der Auszug aus der style.css:
/* ====================================================================
Navi/Menü
===================================================================== */
div#content div#colleft ul li{
margin:0 0 4px 4px;
}
div#content div#colleft ul li a{
border-bottom:1px double #dddddd;
color:#000000;
display:block;
}
div#content div#colleft ul li.current-menu-item a,
div#content div#colleft ul li.current_page_parent a{
color:#f73536;
font-weight:bold;
padding:2px 0 2px 0;
}
div#content div#colleft ul li ul.sub-menu{
display:none;
/*margin:0 0 20px 10px;*/
margin:0 0 0 30px;
}
div#content div#colleft ul li.current-menu-item ul.sub-menu,
div#content div#colleft ul li.current_page_parent ul.sub-menu{
display:block;
}
/* Ebene 2 */
div#content div#colleft ul li ul.sub-menu li a{
color:#000000;
padding-left:6px;
font-weight:normal;
}
div#content div#colleft ul li ul.sub-menu li a:hover,
div#content div#colleft ul li ul li.current-menu-item a{
color:#f73536;
}Habt ihr eine Idee, wie die 3. Ebene definiert werden kann?
Vielen Dank schon mal für eure Vorschläge und vor allem eure Geduld mit mir!!!
LG, die Angel