Problema selezione box in menu css

[rooster111]

Salve.
Ho un menu' di questo tipo:

<div id="MENU">
<p align="left">
HOME
CHI SIAMO
PRODOTTI
DOVE SIAMO
CONTATTI

</div>
<STYLE> a.MENU
{
background-color: #AAAAAA;
color: #000000;
font-weight: Bold;
text-decoration: None;
width: 110px;
padding: 1px;
border: Solid 1px #000000;
}

a:hover.MENU
{
background-color: #778899;
color: #EEEEEE;
font-weight: Bold;
text-decoration: None;
width: 110px;
padding: 1px;
border: Solid 1px #000000;
}
<STYLE>

Ora vorrei che quando sono sulla pagina HOME, il box "home" assumesse lo stato a:hover, e così con tutte le atre pagine. In effetti il box selezionato in questo modo ci indicherebbe che siamo effettivamente in quella pagina, come ad esempio anche in questa pagina del forum di HTML.IT: nel menu' in alto è selezionato il box "forum".
Spero di essere stato chiaro.
Grazie.

[Mich_]

Anzitutto NON usare nomi uguali per oggetti diversi: alcuni browser lo accettano, ma non e` sicuro come comportamento. (mi riferisco ad id="MENU" e class="MENU")
(e perche` usi i nomi maiuscoli? Nella buona pratica hanno significato di costanti, non di variabili)

Poi nel tuo codice ci sono errori di sintassi.
Probabilmente intendevi:
a.MENU { ... }
a.MENU:hover { ... }

E non serve ripetere nella pseudoclasse :hover tutti gli attributi: devi inserire solo quelli che cambiano, gli altri creano solo confusione (a te prima che ai browser).


Per la risposta al quesito specifico, e` una domanda ricorrente (fa' una ricerca nel forum), comunque da soli i CSS non possono farlo: devi inserire una classe o un id alla voce specifica e definire lo stile uguale a quello di :hover


PS: i menu si devono rendere con i tag di lista, tutti gli altri metodi sono semanticamente sbagliati: ci sono ottimi menu gia` pronti nelle raccolte: vedi le citazioni tra i "link utili" del forum CSS (a me piacciono i menu di CSSplay)

[rooster111]

Grazie per la risposta, per me molto tecnica, anche se alcune cose le ho capite.
Con la ricerca non sono riuscito a trovare come inserire una classe o un id alla voce specifica e definire lo stile uguale a quello di :hover
Comunque poichè da solo non ci riesco, seguirò il tuo consiglio di usare menù già pronti presenti nei link del forum. Grazie 1000.

[Giovà22]

La cosa che vuoi fare deve essere eseguita o con uno script, oppure inserendo una variabile in php che permetta di riconoscere in che posizione del menù si è.

[rooster111]

Originariamente inviato da Giovà22
La cosa che vuoi fare deve essere eseguita o con uno script, oppure inserendo una variabile in php che permetta di riconoscere in che posizione del menù si è.

Per il momento ho risollto cosi':
<li id="currentpage">Link 1
e poi richiamando l'id currentpage nel foglio css:

#menu01o li#currentpage a{
color: #000;
background: #FFFF00;
}

Il link della pagina in questo modo resta selezionato.
Mi piacerebbe provare quest'effetto anche con uno script (ma non so farlo)

Grazie comunque.