HTML Joomla 2.5 - Menüeinträge CSS a:focus Eigenschaft wird nicht übernommen

Registriert
Okt. 2007
Beiträge
132
Hallo zusammen,
ich habe ein kleines aber nerviges Problem beim Fertigstellen meines eigenen Templates in Joomla 2.5.

Eigentlich ist das Ganze ganz simpel. Ich habe in der CSS folgendes deklariert:

.menu li a:active , .menu li a:focus {
border-left: 3px #008000 solid !important;
color:white !important;
font-weight:bold !important;
}

.menu li a:hover
{
font-weight:bold;
color: black;
border-left: 3px #008000 solid;
}


Beim Hover funktioniert alles. Active nimmt der Browser auch noch. Aber, mein focus nimmt er einfach nicht an. Sobald der Menüpunkt ausgewählt wurde und rechts die gewünschte Seite erscheint verschwindet die Markierung des Links.

Ich habe nun schon mit !important versucht weiterzukommen, ohne erfolg. Mit dem Web-Entwickler Tool von Firefox habe ich zumindest raus bekommen können, das Firefox in der CSS File die Eigenschaft einfach streicht.

Hat von euch jemand eine Idee?

Danke schon mal, hoffe ich konnte mich verständlich genug ausdrücken.
 
Erledigt.

Habe es gefunden.

Für alle die es interessiert oder die ähnliche Probleme haben. Joomla 2.5 hat Klassen dafür hiermit habe ich aktiv ausgewählte Links formatiert in CSS:

.menu li.current{
font-weight:bold;
color: black;
border-left: 3px #008000 solid;

}
Ergänzung ()

Hancock schrieb:
Ich denke, es hat damit zu tun, dass der Focus einfach wieder weggeht (in dem Moment, wo die Seite geladen ist)
:Focus ist eigentlich eher für so Sachen zu reinklicken gedacht (<Input type="text">)

Ok danke für die Info. Stimmt, ich hatte das auch bisher nur in Verbindung mit Input Feldern.
 
Focus ist bei Mausklicks auf Links normalerweise total egal, da ja direkt eine neue Seite aufgerufen wird, in der der Link aber eben keinen Fokus mehr hat. Focus greift primär bei Tastatur-Navigation....
 
Zurück
Oben