a:active ?

Hallo Leute,

mir ist es ehrlich gesagt schon peinlich wegen solchen Peinlichkeiten um Hilfe zu fragen.:o
Alleridngs habe ich wieder ein Problem was mich nervt:
Ich bekomme es einfach nicht aktiven Menupunkten eine andere Farbe mittels a:active zu zuordnen.
http://my-perfect-naples.de/contao/i...das-klima.html

Könnte einer mir bitte kurz erklären wo ich etwas falsch gemacht habe? :)

liebe Grüße
frischmilch

Hallo frischmilch,

installiere Dir mal das Firebug-Plugin in den Firefox, dann kannst Du sehen, dass der aktive Menüpunkt gar kein <a>-Tag hat, sondern ein <span> ist. Deine CSS sollte also span.active formatieren.

Also mit span:active hatte ich auch keine Erfolg...
habe den Firebug installiert und sehe das nun auch, aber warum zeigt mir des weiterhin nur ein Grauton an und nicht wie es eigentlich soll einen blauen?

Versuche es mal, wie do_while schon geschrieben hat mit span.active (Punkt = Klasse).

Gruß Janosch

Wenn Du die Klasse .mod_navigation ansprichst, sollte es eigentlich klappen. Jedenfalls funktioniert es bei mir so anstandslos. Hab jetzt grad keine Zeit, noch darin herumzuputzen und hänge Dir einfach mal meinen kompletten CSS-Code für das rechte Menü an. Die Anweisungen kannst Du ja durch Deine ersetzen.

Code:

---

#right .mod_navigation ul,#right .mod_customnav ul {list-style:none;margin:0;padding:0px 0 0 0;}
#right .mod_navigation ul li,#right .mod_customnav ul li {padding-top:4px;padding-bottom:0px;}
#right .mod_navigation ul li a,#right .mod_navigation ul li span,#right  .mod_customnav ul li a,#right .mod_customnav ul li span {
    display:block;
    background:#FFFFFF;
    border-right:1px solid #BBB3B3;border-bottom:1px solid #B1A9A9;
    border-left:1px solid #B1A9A9;border-top:1px solid #B1A9A9;
    border-radius:5px;-moz-border-radius:6px;-webkit-border-radius:6px;
    padding:4px 8px;
    color:#000000;text-decoration:none!important;
    -ms-filter:'alpha(opacity=60)'; filter:alpha(opacity=60);opacity:0.60;
}
#right .mod_navigation ul li a.submenu {background:#d4d4d4;}
#right .mod_navigation ul li a:hover,#right .mod_navigation ul li  span,#right .mod_customnav ul li a:hover,#right .mod_customnav ul li  span {
    background:#dfdfdf!important;
    color:#960000;
    border-right:1px solid #A09898;border-bottom:1px solid #A09898;
    border-left:1px solid #A09898;border-top:1px solid #A09898;
}
#right .mod_navigation ul li span,#right .mod_customnav ul li span {font-weight:normal;color:#0000C0}
#right .mod_navigation ul li ul {padding-left:10px;}

---

Problem gelöst.
Hatte span:active anstatt span.active ;)
Danke!