CSS a bordo immagine...

[mad_griffith]

Salve, ho impostato a 1 il bordo di alcune immagini sul mio sito e ho inserito un <a> differente per ciascuna di esse.

Ora, come faccio ad impostare un CSS per queste immagini che mi renda l'"a" del colore #FFFFFF e l'"a:hover" #E9DD56.

Ho già provato a dare la classe "style1" per tutte le immagini suddette, ma non va con IE (con Firefox invece il risultato che volevo c'era già anche prima di fare tutto questo ambaradan).
Ecco quello che ho provato a fare io:

.style1 a{
	
	color: #FFFFFF;
}

.style1 a:hover{
	color: #E9DD56;
}

Grazie

[Alberto]

Non so se è capito bene cosa cerchi di fare, prova così...

a.prova{
color: #FFFFFF;
}
a.prova:hover {
color: #E9DD56;
}

[dogeht]

si esatto e' come dice Alberto

[mad_griffith]

uhmmm, non va :master:

Date un'occhiata, prima con IE e poi con Firefox se l'avete, a questa pagina: www.unprogged.com

Parlo di quelle 3 immaginette sulla sinistra (corrispondenti a 01. Cerchiamo Redattori, 02. Intervista ecc. ecc.).

Con firefox mi dà l'a e l'a:hover corretto, con IE il classico e odioso bordino blu. :\

Non sembra andare la soluzione che mi avete proposto...

che devo fare?

Grazie

[Alberto]

Ok, ora ho capito cosa intendi.
Il border dell'immaggine deve essere 0 altrimenti con ie vedrai sempre il bordino blu.

[mad_griffith]

ok, ho tolto il bordino... ora come posso inserire sempre quel bordo (se poi si tratta di un bordo... io almeno lo vedo così e perciò lo intendo come un bordo!) con l'a di colore #FFFFFF e l'a:hover del colore #E9DD56?

Grazie

[span]

Ciao, così dovrebbe funzionare, ti posto il codice base, poi vedi te che classi inserire:

a img{
    border: 1px solid #00f;
}
a:hover{
    font-weight: bold;
}
a:hover img{
    border-color: #f00;
}

La seconda definizione (a:hover) in apparenza non serve a niente, ma senza in IE non funziona.

[mad_griffith]

Grazie infinite span! Funziona!

Grazie a tutti per la cordiale disponibilità.

un saluto,

Niccolò