nicht angemeldet
Hi,
Wenn ich die Anweisungen für hover und active getrennt angebe, wird bei Mousbewegung über den aktiven Link nochmal das Bild gezeigt und auch verschoben.
.moduletable-nav li a:hover {
}
Du möchtest also den Link formatieren...
.moduletable-nav li.active {
}
und hier aber das Listenelement? Das dürfte wohl - je nach HTML - kaum das gewünschte Resultat bringen. Ein sinnvolles Markup wird aber nicht nur den aktuellen Listenpunkt klassifizieren, sondern den Linktext auch hier in ein Element setzen, z.B.
<li class="active"><em>Linktext</em></li>
Wenn dem so ist, kannst Du auch
moduletable-nav li a:hover, .moduletable-nav li.active em {}
selektieren.
nebenbei bemerkt:
.moduletable-nav li a:hover, li.active {
oder
.moduletable-nav li a:hover, .moduletable-nav li.active {
im ersten Fall selektierst Du *alle* li class=active und im zweiten nur die, die in .moduletable-nav enthalten sind.
Das dürfte zwar hier keinen Unterschied machen, aber es wird häufig z.B. ein Fehler dieser Art gemacht:
#nav a:link, a:visited {}
wobei man sich dann wundert, wieso alle besuchten Links innerhalb der Seite betroffen sind...
freundliche Grüße
Ingo