Immagini che linkano: I.E. decide di evidenziarle a modo suo?!

[e.c.l.]

Ciao, ho scoperto una cosa diciamo curiosa: ho delle immagini che uso come link, tipo:

[img]logo.jpg[/img]

I browser incorniciano l'immagine con i colori che ho assegnato ai link: grigio "a riposo" e bianco con hover e active.

Il problema è che con Firefox va effettivamente così, mentre I.E. assegna all'immagine una cornice blu a riposo e VIOLA con hover?!?!

Perché?!

Come si evita???

Mi sballano l'aspetto della pagina sti colori!


Grazie....!

[ricman]

Ora ho confusione in testa... stanotte ho dormito poco... ma...

Hai provato nel css a mettere anche
img {border:none}
?

[e.c.l.]

Non ci avevo pensato! Niente più blu e viola! Grazie

Con img {border:#666666;} poi mi fa anche il desiderato bordo grigio...peccato però che perdo l'hover bianco...non c'è modo di recuperarlo, vero?

[gabip87]

Originariamente inviato da e.c.l.

.peccato però che perdo l'hover bianco...non c'è modo di recuperarlo, vero?

nelle versioni precedenti alla 7, IE non gestisce lo stato :hover su elementi diversi da <a>. quindi l'unica possibilità penso sia l'uso di JS.

[e.c.l.]

In effetti io ho IE6.

Forse non ti ho capito, mi spieghi meglio? Perchè il mio problema è proprio che IE assegna colori strani alla cornice dell'immagine da me usata come link:

[img]logo.jpg[/img]

La cornice non l'ho inserita io, viene assegnata proprio perché c'è <a>...

Con img {border:#666666;} evito tutto ciò...ma mi chiedevo: se IE vede <a> e mi evidenzia le immagini all'interno di tale tag, perché non obbedisce ai colori che io ho assegnato ad <a>? (come invece diligentemente fa Firefox?)

Grazie

[gabip87]

per cambiare il bordo dell'immagine dovresti fare cosi'

img
{
   border:2px solid #999;
}

img:hover
{
   border-color:#fff;
}

quindi dovresti usare la pseudoclasse :hover. IE, nelle versioni precedenti alle 7, non la considera se l'elemento alla quale viene associata non è <a>. personalmente, lascio stare gli utenti IE<7 visto che funziona con tutti gli altri browser. ma la situazione varia da caso a caso.. se è un dettaglio importante dovresti poter sistemare il problema usando un po' di JS. più chiaro di cosi non ci riesco, sorry.

[e.c.l.]

Uso IE6 solo per fare le prove crossbrowser, di solito uso Firefox...ecco perché non aggiorno mai IE.

In effetti con:

img
{
   border:2px solid #999;
}

img:hover
{
   border-color:#fff;
}

IE6 vede il grigio ma non il bianco. E non va bene comunque, perché giustamente mi incornicia di grigio TUTTE le immagini, non solo quelle che linkano (e non mi va bene).

Ma sentite qua: con

img {border:#666666}

IE6 mi incornicia solo le immagini che linkano! mi va anche bene, ma non capisco che senso ha e soprattutto se funzionerebbe con IE7... Voi che dite?


Mi davvero sa che userò qualche script...