Problema su stile linkato

[Sonikag]

Ho questo css:

a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }
a:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #fff;}
a:link a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif}

.lin {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.lin a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
.lin a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }
.lin a:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #F8C300;}
.lin a:link a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif}

in pratica gli stili definiti per a generico e lin linkato sono identici a differenza del backgroundcolor sull'hover.

Ho delle immaginine linkate con sfondo trasparente a cui ho associato la classe lin, ma all'hover anzichè vedere f8c300 come ho impostato vedo fff come per un normale link.

[img]img/quadr.gif[/img]

[Mich_]

Controlla l'ordine dei CSS:
deve essere ( http://www.w3schools.com/css/css_pseudo_classes.asp ):
a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */

[Sonikag]

Grazie mitch...
ho sistemato il mio ccs così:
[CODE]a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
a:link a:visited { font-family: Verdana, Arial, Helvetica, sans-serif}
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #fff;}
a:active { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }

.lin {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.lin a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
.lin a:link a:visited { font-family: Verdana, Arial, Helvetica, sans-serif}
.lin a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #F8C300;}
.lin a:active { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }CODE]

il problema persiste!

[Mich_]

Hai inventato una nuova sintassi?

quando metti due definizioni sulla stessa riga, devi inserire la virgola e la classe va ripetuta:

a:link, a:visited { ... }

...

.lin a:link, .lin a:visited { ... }

[Sonikag]

Ho provato a fare la creativa

Modificato così:

a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
a:link, a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif}
a:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #fff;}
a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }

.lin {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.lin a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
.lin a:link, .lin a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif}
.lin a:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #F8C300;}
.lin a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }

ma qui ho ancora l'hover bianco:

[img]img/quadr.gif[/img]

[jesus]

Prova cosi:

a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
a:link, a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif}
a:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #fff;}
a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }

.lin {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
a.lin {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
a.lin:link, a.lin:visited {  font-family: Verdana, Arial, Helvetica, sans-serif}
a.lin:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #F8C300;}
a.lin:active {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }

[Sonikag]

Esatto!!!
Grazie funziona!