perdo colore active link

[guiso]

Salve! sono nuovo dei css.
sto usando un tree-menu in javascripte ed un file css dove ho messo il seguente codice:
ul.tree-menu a:active {
margin-left: 20px;
color: white;
background-color: blue;
text-decoration: none;
white-space: nowrap;
}
quando clicco sul link funziona ma se clicco fuori dal link (es sulla scrollbar del frame) perdo il colore del link attivo. C'è modo per tenerlo sempre attivo anche quando clicco fuori dal link? Grazie.

[mircov]

Non sono sicuro di aver capito bene cosa tu voglia ottenere. Se, come credo, vuoi estendere l'area di click (tipo nei menù appunto) devi rendere l'elemento a block

a {
display: block ;
}

[guiso]

Originariamente inviato da mircov
Non sono sicuro di aver capito bene cosa tu voglia ottenere. Se, come credo, vuoi estendere l'area di click (tipo nei menù appunto) devi rendere l'elemento a block

a {
display: block ;
}

No, il problema è che vorrei che lo stile impostato come a:active rimanesse sempre finche non clicco su un'altra voce di menù, invece se ad esempio clicco sulla scrollbar verticale del mi perde le stile e ritorna normale, cioè non so più che voce di menù avevo cliccato.

[Becita]

Anch'io ho lo stesso problema, come si risolve????

[custanz]

per quello che ne so dovresti assegnare dinamicamente un id alla voce di menu sarebbe quella attiva

e poi definire l'id nel tuo css, in questo caso con gli stessi dati dello stato :active

[Becita]

Ossia???? sono nuova non so proprio come fare.... c'è qualcosa di fatto che si possa vedere??? o copiare???

[gabip87]

se ho capito bene la risposta è questa:

lo stato "active" entra in gioco solo quando clicki sul link. per quello che vuoi ottenere devi usare lo stato "link", quindi farlo coincidere con l'active.

a:link,
a:visited,
a:hover,
a:active
{
   color: #09f;
}

ovviamente puoi cambiare le proprietà ed i relativi valori per gli altri stati (hover e visited). occhio all'ordine però: LoVe/HAte.

[Becita]

ho provato di tutto!!!! e niente.....

io ho questo codice:

<div id="sidebar1">
home page

studio

dove siamo

contatti
</div>

e il file css:

#sidebar1 a:link {
color: #ffffff;
text-decoration: none;
}
#sidebar1 a:visited {
color: #ffffff;
text-decoration: none;
}
#sidebar1 a:hover {
color: #999999;
text-decoration: none;
}
#sidebar1 a:active {
color: #999999;
text-decoration: none;
}
#sidebar1 a:focus {
color: #999999;
text-decoration: none;
}

voglio che quando viene visitata una pagina la voce del menù rimanga attiva di un altro colore, diverso di quello associato a: a:link, se i link sono bianchi vorrei rimanesse grigio fin che no clicco un'altra voce e quindi ritorni come prima, ossia bianco.

Qualcuno mi può aiutare????? Pleaseeeeeeeeeeeee!!!