bordo immagine link rollOver

[i_am_antipop]

ciao, ho un'immagine con un link.
vorrei che il colore del bordo cambiasse al rollOver.

con questi colori funziona:

.imgLink2 a:visited {border:10px solid green}
.imgLink2 a:link {border:10px solid red}
.imgLink2 a:hover {border:10px solid blue}

però io vorrei altri colori, ad esempio:

.imgLink2 a:visited {border:10px cccccc}
.imgLink2 a:link {border:10px E5E1C7}
.imgLink2 a:hover {border:10px 2AAFE9}

ma con così non funziona


Potete darmi una mano?
grazie

[andrea.paiola]

sono colori esadecimali e quindi vanno scritti con # davanti:
.imgLink2 a:visited {border:10px #cccccc}
.imgLink2 a:link {border:10px #E5E1C7}
.imgLink2 a:hover {border:10px #2AAFE9}

[i_am_antipop]

grazie per la risposta.

ho provato, ma non funziona...

.imgLink2 a:visited {border:10px #cccccc}
.imgLink2 a:link {border:10px #E5E1C7}
.imgLink2 a:hover {border:10px #2AAFE9}

è sbagliata la sintassi?

[i_am_antipop]

con solid funziona!


.imgLink2 a:visited {border:10px solid #cccccc}
.imgLink2 a:link {border:10px solid #E5E1C7}
.imgLink2 a:hover {border:10px solid #2AAFE9}

grazie!

[andrea.paiola]

prova così
.imgLink2 a:visited {border:10px solid #cccccc}
.imgLink2 a:link {border:10px solid #E5E1C7}
.imgLink2 a:hover {border:10px solid #2AAFE9}
opps già fatto...

[i_am_antipop]

Originariamente inviato da andrea.paiola
prova così
.imgLink2 a:visited {border:10px solid #cccccc}
.imgLink2 a:link {border:10px solid #E5E1C7}
.imgLink2 a:hover {border:10px solid #2AAFE9}
opps già fatto...

hehe :flash:

ps: con explorer è perfetto, ma con Firefox il bordo non circonda l'immagine.. resta + piccolo... (allego GIF)

quale può essere il problema?

tnx

[andrea.paiola]

vanno definiti in questo ordine:
link
visited
hover
active
cioè:
.imgLink2 a:link {border:10px solid #E5E1C7}
.imgLink2 a:visited {border:10px solid #cccccc}
.imgLink2 a:hover {border:10px solid #2AAFE9}

[i_am_antipop]

ok, tnx again