Hallo,
ich habe im Menü für jeden Menüpunkt eine Hintergrundgrafik, die ich beim Hover durch eine andere austausche.
Beispiel:
menu_grafik.png
(Standard, wird überall angezeigt)
menu_grafik_hover.png
(wird beim hover angezeigt)
Diese hovergrafik, soll auch angezeigt werden, wenn ein Menüpunkt ausgewählt wurde, also Aktiv ist.
Firebug sagt mir beim aktiven Menüpunkt:
Jetzt bin ich in CSS ein kleines bischen (nicht Profie) fit... daher probiere ich jetzt auch grad in der personal.css
Da hab ich ja auch schon die Einstellungen mit der Hintergrundgrafik hinbekommen. Nur den aktiven Menüpunkt bekomme ich nicht mit der Hovergrafik hinterlegt. Müsste doch eigentlich irgendwie in diese Richtung gehen ... oder?
Da tut sich aber bei mir rein gar nichts...
Hier mal der entsprechende CSS Teil, den ich schon hab:
Der Hovereffekt klappt auch.
Könnt Ihr mir einen kleinen Schubs in die richtige Richtung geben?
Vielen Dank im voraus und viele Grüße
Yeti
ich habe im Menü für jeden Menüpunkt eine Hintergrundgrafik, die ich beim Hover durch eine andere austausche.
Beispiel:
menu_grafik.png
(Standard, wird überall angezeigt)
menu_grafik_hover.png
(wird beim hover angezeigt)
Diese hovergrafik, soll auch angezeigt werden, wenn ein Menüpunkt ausgewählt wurde, also Aktiv ist.
Firebug sagt mir beim aktiven Menüpunkt:
HTML-Code:
<li class="item-106 current active">
<a href="/index.php/aktuell">Aktuell</a>
</li>Da hab ich ja auch schon die Einstellungen mit der Hintergrundgrafik hinbekommen. Nur den aktiven Menüpunkt bekomme ich nicht mit der Hovergrafik hinterlegt. Müsste doch eigentlich irgendwie in diese Richtung gehen ... oder?
Code:
#nav ul.menu ul.current a:link
{
background: url("../images/menu_grafik_hover.png") no-repeat;
color: #000;
padding-left: 10px;
}Hier mal der entsprechende CSS Teil, den ich schon hab:
Code:
/*Standard-Menuegrafik*/
#nav ul.menu a:link,
#nav ul.menu a:visited
{
background: url("../images/menu_grafik.png") no-repeat;
color: #000;
padding-left: 10px;
}
/*Hover-Menuegrafik*/
#nav ul.menu a:hover,
#nav ul.menu a:active,
#nav ul.menu a:focus
{
background: url("../images/menu_grafik_hover.png") no-repeat;
color: #fff;
padding-left: 10px;
}Könnt Ihr mir einen kleinen Schubs in die richtige Richtung geben?
Vielen Dank im voraus und viele Grüße
Yeti