[RISOLTO] Le voci del top menu non rimangono attive

[password]

Ciao ragazzi,
arrivo subito al punto,
le voci del top menu non rimangono attive dopo il clik.
Praticamente ognuna di esse ha uno sfondo che compare all' hover e vorrei che rimanesse visibile anche dopo il click per far capire all'utente in quale sezione si trova. Sò che devo aggiungere del codice ma devo ancora capire quale.
Vi posto il codice relativo del menu in questione.
Grazie per il tempo speso per ciò.

Codice: [Seleziona]

/theme2.css
#navigation a {
display: block;
width:66px;
margin:0 0 0 0;
padding:4px;
color: #433f3f;
text-decoration: none;
margin-left: 20px;


}
#navigation  a:hover,#navigation #active_menu-nav {
color: #ffffff;
background-color:#dccb1d;
text-decoration:none;
}

Codice: [Seleziona]

/template.css
#navigation {
float: right;
text-align: center;
font-size: 13px;
margin-top:8px;
margin-right:0px;

}
#navigation ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#navigation li {
float: left;
margin: 0px;
padding: 0px;
display: block;
list-style-type: none;
}



[gagarin77]

ciao devi usare a:visited

se vuoi che lo stesso stile di hover venga applicato ai link visitati quindi diventa

#navigation a:visited, a:hover,#navigation #active_menu-nav {
color: #ffffff;
background-color:#dccb1d;
text-decoration:none;
}

[password]

ciao devi usare a:visited

se vuoi che lo stesso stile di hover venga applicato ai link visitati quindi diventa

#navigation a:visited, a:hover,#navigation #active_menu-nav {
color: #ffffff;
background-color:#dccb1d;
text-decoration:none;
}

Niente da fare Gagarin.
Ho provato anche con a:active ma niente.

[gagarin77]

ciao,

forse nel tuo css esiste già la regola a:visited
oppure prova a separare le regole a: visited e
a:hover...

in ogni caso è la regola legata al a:visited che ti gestisce l'aspetto dei link visitati ed è quindi su quello che devi lavorare

un po di info in relazione all'argomento apsetto link lo trovi qui...

http://forum.diodati.org/messaggi.asp?f=4&id=358

al limite inserisci il link del tuo sito cosi da poter analizzare meglio il problem...

[password]

non mi sembra sia già utilizzata.
Questo è il sito:

http://www.raffaeleiandolo.com/

[gagarin77]

ciao,

nel file css template.css

trovi 

#navigation a:visited {
color:#ffffff;
background: #000000;
}

che sovrascrive sicuramente l'altra regola che ti indicavo...

prova a commentarla in quel file css  ed usarla solo nel file theme2.css

[password]

Ora non c'è più, l'avevo scritto io in template per una prova. Comunque anche mettendolo solo in theme 2 non funge. Non capisco...

[gagarin77]

ciao,

inserendo...


#navigation a:hover,#navigation #active_menu-nav {
color: #ffffff;
background-color: #dccb1d;
text-decoration:none;
}


deve andare......

al limite cambia la proprietà

color da  color: #ffffff; a color: red;

per verificare se cambia almeno il colore della scritta...

[tomtomeight]

Hai la cache attivata? In tal caso le voci non rimangono attive.

[password]

Allora dopo vari tentativi visited funziona, prima no perche non cancellavo la cache.
Il risultato però non è quello che desideravo.
Così facendo mi rimangono selezionate tutte le voci del top menu perchè li considera tutti link già visti.
Io voglio che si seleziona una voce alla volta.

[password]

Ho risolto il problema.

Posto il codice da aggiungere in theme#.css per chi avrà lo stesso problema:

Codice: [Seleziona]

#navigation li.active a {
background: #dccb1d;
color: #ffffff;}

Risultato richiesto

[conti1]

ciao
visto che hai risolto gentilmente metti risolto nel titolo principale grazie.