cambio colore testo mouse over

[FLASHATO]

Ho creato uno stile per un determinato testo.
Ora vorrei che solo lui quando passato sopra il puntatore del mouse cambi colore... come faccio?

Così non funziona:

.style02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #EF5E1A;
        color-hover: #FFFFFF;(me la sono inventata)  :(  
	text-decoration: none;
}

mentre cosi:

.style01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.style02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #EF5E1A;
	text-decoration: none;
}	
.style03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
	text-decoration:none;
}

mi cambia il colore link anke degli altri stili...

[floyd46]

.style02 a, .style02 a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #EF5E1A;
color-hover: #FFFFFF;(me la sono inventata)
text-decoration: none;
}


.style02 a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #EF5E1A;
color: #FFFFFF;
text-decoration: none;
}

prova così e vedi se ottinei quello che volevi.
Saluti
Floyd

[floyd46]

.style02 a, .style02 a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #EF5E1A;
text-decoration: none;
}

.style02 a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #EF5E1A;
color: #FFFFFF;
text-decoration: none;
}

prova così e vedi se ottinei quello che volevi.
Saluti
Floyd
P.S. Scusami ma ho dimenticato di eliminare il tuo errore nella risp. precedente.

[FLASHATO]

no... non funziona ancora.
p.s. le tue repliche non riportano lo stesso codice???

[floyd46]

si, il mio secondo post ha lo stesso codice, tranne questo rigo:
color-hover: #FFFFFF;
che nei css non esiste.
Cmq mi pare di capire che vuoi un colore diverso su determinati link, al contrario di quelli dichiarati, in generale, nella pagina.
O sbaglio? In questo caso dovresti crearti delle classi con i diversi stati per a:link, a:visited, a:hover.
Saluti
Floyd

[FLASHATO]

praticamente io vorrei che solo lo .style02 abbia la proprietà "hover" con colore diverso.
Invece come ho impostato adesso mi cambia colore anche con gli altri style su cui c'è un link...

Come faccio a creare una classe???
Dove trovo una guida rapida per queste cose???

[floyd46]

allora credo di non aver sbagliato a scrivere il codice prima;
se tu scrivi:

.style02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #EF5E1A;
        }

crei una classe. Le classi si riconoscono dal punto (.) prima del nome da assegnare ad esse.
Se alla stessa classe vuoi associare dei link, allora devi scrivere come ho postato io prima; solo che nei diversi stati devi cambiare il colore del testo, se questo deve essere sottolineato o meno.
quando hai il link nella pagina html, devi associare quella
classe, in questo modo:
Link
spero di essere stato + chiaro adesso.
Floyd

[FLASHATO]

(ok allora avevo/usavo già le classi)

Provare per credere...

.style02 a, .style02 a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #EF5E1A;
text-decoration: none;
}

.style02 a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

e richiamo la classe nel link così:
Link
Ne l'uno ne l'altro colore appaiono... e se si passa sopra il mouse non succede niente

Ci dev'essere qualcosa di sbagliato, ma io non so proprio cosa.

[floyd46]

ciao
ho appena provato a fare quello che hai scritto ed effettivamente non succede nulla. E' la primissima volta che mi capita una cosa del genere. Ho sempre inserito nel tag <a> una classe. Bho!
Cmq ho provato a scrivere
<span class="style02">Link</span> ed è andata bene. Non so davvero spiegarmelo. Chiediamo luni a chi ne sa di +.
Floyd

[FLASHATO]

Sono andato per tentativi e così funziona...

.style02 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #EF5E1A;
text-decoration: none;
}
.style02:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

Link

Ciao