Eigenes Navigations Modul ansprechen
Hallo,
ich habe oben und links eine Navigationsleiste. Oben wollte ich aber einen anderen Text anzeigen als rechts. Also habe ich mir eine eigene Navigation als Modul angelegt.
Ich kann auch mit den Stylesheets darauf zugreifen. Ich habe aber ein Problem, dass den Selektor "li .active" anscheint nicht erkennen kann.
Also wenn ich auf eine Unterseite klicke dann ist in der rechten Navigation die entsprechende Seite ausgewählt aber nicht bei der Navigation oben.
Vielleicht kann mir jemand helfen wie ich das Problem lösen kann.
Liste der Anhänge anzeigen (Anzahl: 1)
Hallo Dora,
das ist eigentlich recht einfach:
Für alle Menüeinträge gilt:
Code:
.nav ul.level_1 li
{
margin-bottom:2px;
background-color:#fccccc;
}
Ich habe einfach mal alle Listeneinträge leicht rot unterlegt, zur optischen Trennung noch einen 2px-Abstand dazwischen.
Für den aktiven Eintrag:
Code:
.nav ul.level_1 li.active
{
background-color:#b8e0fc;
}
Der aktive Eintrag bekommt die Hintergrundfarbe blau.
Das Ergebnis sieht dann so aus:
Anhang 2293
Liste der Anhänge anzeigen (Anzahl: 1)
ich habe das versucht. Das macht aber kein Unterschied. Anbei ein Screenshot.
Immer ist die "Startseite" als aktiv markiert.
Liste der Anhänge anzeigen (Anzahl: 1)
Anbei ein Screenshot vom Firebug. Könnte das Problem bei "active first" liegen?
Wie kommt kommt das "active" denn dorthin?
Liste der Anhänge anzeigen (Anzahl: 1)
vielleicht kann mir jemand das mit dem hart und dynamisch mal auf dumm-deutsch-für-anfänger erklären. (Falls das des Rätsels Lösung ist).
Ich zeig euch mal den css und den html-code. Vielleicht könnt ihr den Fehler entdecken.
Code:
<div class="mod_customnav block">
<a href="index.php/otto-absetzcontainer-oben-offen.html#skipNavigation26" class="invisible">Navigation überspringen</a>
<ul class="level_1">
<li class="first"><a href="index.php/startseite.html" title="Startseite" class="first">Startseite</a></li>
<li><a href="index.php/otto-absetzcontainer-oben-offen.html" title="OTTO">OTTO</a></li>
<li><a href="index.php/dora-absetzcontainer-mit-deckel.html" title="DORA">DORA</a></li>
<li class="last"><a href="index.php/konrad.html" title="KONRAD" class="last">KONRAD</a></li>
</ul>
<a name="skipNavigation26" id="skipNavigation26" class="invisible"> </a>
</div>
Vielen Dank im Voraus für eure Hilfe!!