Problema con a:active

[Sampei89]

Ragazzi date uno sguardo al sito:

http://www.sampeidesign.altervista.org/

la class a:active non funziona per comodità vi scrivo quì il codice:

HTML

  <ul class="navigation">[*][*][/list]

CSS

ul.navigation li {list-style-type: none;}

ul.navigation li a {float: none;
                    display: block;}

ul.navigation li a.bottone1 {margin-left: 230px;
                             margin-top: 20px;
                             position: relative;
                             width: 150px; 
                             height: 50px;
                             background: url(immagini/bottone1.png) no-repeat;}

ul.navigation li a.bottone1:link{background: url(immagini/bottone1.png) no-repeat;}

ul.navigation li a.bottone1:visited {background: url(immagini/bottone1.png) no-repeat;}

ul.navigation li a.bottone1:active {background: url(immagini/hover1.png) no-repeat;}

ul.navigation li a.bottone1:hover {background: url(immagini/hover1.png) no-repeat;}

ul.navigation li a.bottone2 {margin-left: 230px;
                             margin-top: 40px;
                             position: relative;
                             width: 150px; 
                             height: 50px;
                             background: url(immagini/bottone2.png) no-repeat;}

ul.navigation li a.bottone2:link{background: url(immagini/bottone2.png) no-repeat;}

ul.navigation li a.bottone2:visited {background: url(immagini/bottone2.png) no-repeat;}

ul.navigation li a.bottone2:active {background: url(immagini/hover2.png) no-repeat;}

ul.navigation li a.bottone2:hover {background: url(immagini/hover2.png) no-repeat;}

Ho messo tutto, a:link, a:visited, ecc.. nell'ordine giusto!! Perchè non funziona a:active?

[fcaldera]

l'ordine esatto in cui dichiarare le varie pseudoclassi è

:link
:visited
:hover
:focus
:active

ad ogni modo, se ti aspetti che il bottone resti acceso al cambio pagina, questo non succederà a meno di non aggiungere una classe specifica al link che lo mantenga tale

[Sampei89]

E' proprio quello che mi aspetto...puoi dirmi come posso fare? non ho capito bene.

[fcaldera]

Originariamente inviato da Sampei89
E' proprio quello che mi aspetto...puoi dirmi come posso fare? non ho capito bene.

nella pagina feste.html ad esempio la voce di menu diventerà

[*]

il codice css da aggiungere

...

ul.navigation li a.bottone2current {
         margin-left: 230px;
         margin-top: 40px;
         position: relative;
         width: 150px; 
         height: 50px;
         background: url(immagini/hover2.png) no-repeat;
}

...

analogo procedimento per l'altra voce di menu

[Sampei89]

Grazie mi sei stato di grande aiuto...mi hai risolto il problema!!!