stato a:active

[flic]

ho un menu in verticale con immagini e non riesco ad impostare lo stato :active ne' con immagini separate, ne' con un'immagine unica che si sposta. l'hover funziona. cosa sbaglio?

[Tremisfero]

posta il codice

[flic]

questo e' il codice html:
<div id="menu">
<ul>[*]<img src= "images/logo.gif" />[*][*][*][*][/list]
</div>

e questo e' il codice css:

#menu {
width:177px;
margin:0;
height:313px;
}

#menu ul{
list-style-type:none;
line-height:0;
text-align:center;
margin:0;
padding:30px 0 0 0;
}

#menu li{
text-decoration:none;
margin:0;
padding:0 0 11px 0;

}
a {
display:block;
height:28px;
line-height:0px;

}

#menu a.home {

background:url(images/menu-A_03.gif) no-repeat center center;


}

#menu a.home:hover {
background:url(images/menu-B_03.gif) no-repeat center center;


}

#menu a.home:active {

background:url(images/menu-B_03.gif) no-repeat center center;



}

[flic]

nessuno sa dirmi dov'e' l'errore?

[Mich_]

Come fai a vedere che non funziona?
Hai messo lo stato :active uguale allo stato :hover.

Prova a cambiare qualcosa nello stato :active, e vedrai che mentre premi il mouse lo stato cambia.
PS: in qualche versione di IE lo stato :active non esiste

PS: io non metterei un line-height cosi` basso: dovresti metterlo uguale a height, o non definirlo.

[flic]

mi sa che inizio soltanto adesso a capire sa sia lo stato :active...ma quello che mi serve non e' questo.
io sto cercando un modo per avere la pagina in evidenza, vorrei che se per esempio il link e' un rettangolo bianco, quando vado su col mouse(hover) diventa nero e quando lo clicco(sono sulla pagina) resta nero.c'e' un modo per farlo?

[Mich_]

Spiega meglio la frase:
"quando lo clicco (sono sulla pagina)"

Domande:
- il link e` un link attivo?
- il link punta ad un oggetto (<a name=...">) nella stessa pagina?
- oppure il link ricarica la pagina (in tal caso hai sbagliato ad esprimerti)

Ricorda che mentre tieni il mouse premuto il bottone diventa del colore definito da :active

[flic]

credo si possa chiamare link attivo.
cerco di spiegarlo di nuovo: i pulsanti della home page sono tutti dello stesso colore. nel momento in cui mi muovo con il mouse per scegliere una pagina da cliccare vedo l'hover perche' diventano di un diverso colore.
il problema e': quando clicco su uno di essi e quindi entro nella pagina scelta, come faccio ad avere il pulsante della pagina attiva di un colore diverso da quella inattiva cioe' non ancora visitata? se metto :visited lo visualizzo diverso definitivamente, non solo nel periodo in cui sono nella pagina attiva...

[Mich_]

No, non e` un link attivo. Deve essere un link falso.
E devi dare una classe (oppure id) particolare, cui va opportunamente attribuito uno stile.

Riprendendo il tuo esempio, puoi fare:

<ul id="menu">[*]<span class="attivo">home</span>[*]eventi[*]attivit&amp;agrave;[*]contatti[/list]

Poi dai stili opportuni ai seguenti selettori:
#menu
#menu li
#menu a
#menu a:hover
#menu .attivo
dove attribuirai a #menu .attivo uno stile uguale a quello di #menu a:hover

[flic]

ah ecco! ho capito! grazie