Link di diverso colore

[Sandrik]

Ciao ragazzi una domanda per voi sicuramente facile facile....
Ho una pagina html con alcuni link es:
Link 1
Link 2
Link 3

Ogni link è associato ad uno stile.

Vorrei che ogni link cambiasse colore al passaggio del mouse.
Vorrei anche poter diversificare il colore per ogni link.
Riesco soltanto ad avere lo stesso comportamewnto per tutti i link della pagina.

Questo è lo stile che uso:

.stile_menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #333333;
text-align: left;
vertical-align: top;
line-height: 15px;

Ho provato ad aggiungere per ogni stile codice sottostante ma non funziona ( Cioè funziona ma tutti link della pagina sono dello stesso colore mentre io avevo impostato colori diversi per gli altri)

Mi sono spiegato ??? ecco il codice che ho aggiunto a quello sopra:

a:link {
color: #000066;
}
a:visited {
color: #000066;
}
a:hover {
color: #990000;
}
a:active {
color: #990000;
}

[floyd46]

devi crearti delle classi ed associarle ai link;

.classe1 a:link{
...
}
.classe1 a:visited{
...
}
ecc...
ciao

[Sandrik]

Ho fatto come mi hai detto. Funziona a parte un piccolo problema:
Il link è di colore blu quando passo sopra con il mouse diventa rosso.
Quando pero' attraverso il tasto "indietro" di explorer torno alla pagina del link in questione, questo rimane rosso ( come se fossi ancora sopra di esso con il mouse).....questo fino a quando non clicco su una zona qualsiasi dello schermo.
C'è un errore nel codice sottostante ?


.stilemenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333300;
font-size: 10px;
font-style: normal;
}
a:link {
color: #333300;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #333300;
}
a:hover {
text-decoration: underline;
color: #990000;
}
a:active {
text-decoration: none;
color: #990000;
}

[floyd46]

è il comportamento, strano, di IE;
cmq come hai scritto tu il codice, hai dichiarato delle pseudo-classi generiche ai link;
mi è parso di capire che avevi bisogno di colori diversi.
In questo caso devi fare come ho scritto + su: classi diverse associate a link diversi.
ciao

[Sandrik]

Vuol dire che devo creare una classe come quella che ho già fatta, apporre le modifiche per la differenziazione del colore ed associarla ad un altro link ? ho capito bene ?

un codice tipo questo ?

<p class="menu2">LINK1</p>

<p class="menu3">LINK2" </p>


ciao

[floyd46]

se la tua intenzione è quella di avere link di diverso colore, pare che tu debba fare in quel modo.
ciao