2 grafisch unterschiedliche CSS-Navigationen

[toxic]

Nabend, oder inzwischen wohl eher Moin?!

wie an der Uhrzeit vielleicht zu erkennen ist, sitze ich nun schon einige Zeit vor meinem Problem. Und zwar bastel ich grad ein wenig mit tl rum und möchte 2 Navigationen haben; eine Mainnavi 4 Hauptpunkten (Startlevel 0, Stoplevel1), die unten angezeigt wird und eine Subnavi, die nach Bedarf im Header erscheint (Startlevel 1, Stoplevel 2). Sind keine solchen Menüpunkte vorhanden, ist auch keine Navigation da.

Die Mainnavigation funktioniert mit Spritegrafiken, die auf einem 950x220px großen Hintergrundbild liegen.

Die Subnavi dagegen soll wesentlich kleiner und schlichter werden, ein einfaches css Menü mit Hovereffekt. Das bekomme ich auch halbwegs hingebastelt, hab ein neues Modul dafür erstellt, Typ Navigationsmenü und die CSS-Klasse mod_navigationsub zugwiesen. In dem für das Menü erstellten Stylesheet habe ich als Selektor .mod_navigationsub genommen. Allerdings wird die Subnavi z.T. wie die Mainnavi formatiert - mit Hintergrundbild und riesig großen Kästen. Im Quelltext steht:

<div class="mod_navigation mod_navigationsub block">

Scheinbar wird also die .css für die Subnavi von der der Mainnavi überschrieben.

Ich habe auch versucht, dem Modul die ID #Sub zu zu weisen und als Selektor dann #sub .mod_navigationsub eingetragen; das funktionierte allerdings ebenso wenig wie #header .mod_navigationsub. :/ Hatte testweise auch mal so eine individuelle Navigation getestet - da stand dann nicht mod_navigation vor der class und meine Sub.css wurde genommen. Jetzt bin ich mit meinem Latein leider am Ende. Getrennt funktionieren beide Navigationen wie sie sollen.

Es wäre super, wenn da mal jemand einen Blick drauf werfen und mir verraten könnte, wie ich das hin bekomme. Denn meines Wissens nach ist es mit tl ja problemlos möglich, 2 optisch unterschiedliche Navigationsmenüs zu betreiben?! Es wäre zwar nun auch nicht das größte Problem, mit nem individuellen und einem normalen Navigationsmenü zu arbeiten, aber mich hat nach der langen Nacht nun der Ehrgeiz gepackt

[Thomas]

Du solltest für jede Navigation eine eigene Klasse verwenden und allgemein gültige Anweisungen auf .mod_navogation setzen.

[christian]

Du kannst auf jeden Fall

#header .mod_navigation
#footer .mod_navigation

nehmen - wenn das keinen Effekt hat, hast Du Fehler in der CSS-Datei. Wobei Thomas' Weg der bessere ist, also 2 IDs zu vergeben und dann halt

#mainnavi
#subnavi

zu verwenden.

Grüße,

Christian

[toxic]

Danke für die Hilfestellung. Hatte ja schon eine ID vergeben, braucht man da also tatsächlich 2 für?

Ansonsten habe ich jetzt einfach für unten ne individuelle Navigation genommen. Das ist im Nachhinein betrachtet eh sinnvoller, weil das Menü eh nicht mehr als 4 Punkte haben darf :P

[Thomas]

Danke für die Hilfestellung. Hatte ja schon eine ID vergeben, braucht man da also tatsächlich 2 für?

Ist in diesem Fall besser, wenn Du 2 verwendest.
Du benutzt ja ein und das selbe Modul, welche beide mit .mod_navigation bezeichnet sind.
Mit den 2 unterschiedlichen Klassen kannst Du dann jedes Einzelne getrennt ansprechen.