[css] hover e bordo di un immagine in un link

[Radian]

Esiste un modo per far funzionare il bordo di un'immagine come il colore di un link che sia crossbrowser (bastano Moz e IE)?

Per esempio se uso:

A:link, A:visited {color:#0099CC}
A:hover, A:active {color:#FFFFFF}

Su Moz funziona perfettamente, nel senso che il bordo dell'immagine diventa bianco, su IE (stranamente ) invece non va.

Ho trovato un modo per farlo funzionare su IE:

A:link, A:visited {border: 1px solid #0099CC}
A:hover, A:active{border: 1px solid #FFFFFF}

In pratica settando il bordo delle immagini a zero, viene cambiato il bordo dell'intero link, purtroppo questa volta è Moz che fa le bizze, infatti non riesce a calcolare la grandezza dei link e fa dei riquadri più o meno a caso.

Premetto che non vorrei usare soluzioni che impongano il riconoscimento del browser.

[Jerry Masslo]

img {border:none}

così se assegni dei bordi ai link normali ti funzionano pure sulle immagini link

[span]

.

[span]

puoi fare una roba del genere:

A{
  border: 0 !important;
  border: 1px solid #0099CC;
}

A:link, A:visited{
  color: #0099CC;
}
A:hover, A:active{
  color: #FFFFFF;
}

[Radian]

A{
  border: 0 !important;
  border: 1px solid #0099CC;
}

A:link, A:visited{
  color: #0099CC;
}
A:hover, A:active{
  color: #FFFFFF;
}

Purtroppo funziona in Mozilla ma non IE (almeno la versione 6).

[Jerry Masslo]

ma lo hai provato img {border:none} ?

cioè io l'ho provato e in questo modo le immagini link ti prendono i bordi che assegni ai link, sia su Mozilla che su Opera che su ie.

[Radian]

ma lo hai provato img {border:none} ?

cioè io l'ho provato e in questo modo le immagini link ti prendono i bordi che assegni ai link, sia su Mozilla che su Opera che su ie.

Vero, ma Mozilla non da bene i bordi ai link e quindi siamo da capo.

[Jerry Masslo]

Originariamente inviato da Radian
Vero, ma Mozilla non da bene i bordi ai link e quindi siamo da capo.

cioé, tu che bordi stai dando? E una volta che non te li dà bene tu come pensi fargli prendere bene?

[span]

Così sembra funzionare (non con opera)

A{
  border: 0 !important;
  border: 1px;
}

A:link, A:visited{
  color: #0099CC;
  border: 1px solid #0099CC;
}
A:hover, A:active{
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

[Radian]

cioé, tu che bordi stai dando? E una volta che non te li dà bene tu come pensi fargli prendere bene?

Succede una cosa simile:
http://www.radian.it/test.htm