Je voudrais simplement changer la couleur de la bordure d'une image en passant par dessus.
 
Comme img:hover n'est pas supporté sur IE, j'ai pensé à ça :
a {
   border:thin solid green;    
}
a:hover {
   border:thin solid red;    
}
 
Mais ne fonctionne pas (ça marche mal sur IE et pas du tout sur les autres navigateurs)!
 
Le problème vient du fait que la balise <a> est une balise en ligne et que ces balises n'ont pas de dimensions donc pas de bordures possibles.
 
J'ai donc changé la balise <a> en block et lui ai donné la même largeur que l'image :
 
a {
display: block;
width: 118px; /* largeur de l'image survolée */
border:thin solid green;
}
a:hover {
border:thin solid red;
}
 
 
Ce n'est pas ce qu'il y'a de plus pratique, surtout si l'on a plusieurs images de largeurs différentes
Mais en attendant que IE se mette sérieusement aux normes, je ne vois pas d'autres solutions...
 
En avez vous ???

heu on peut mettre des bordures sur des span, pourtant ce ne sont pas des blocs

Ben en tout cas, le résultat n'est pas du tout celui escompté

Après quelques tests, je dirais que c'est pas gagné pour faire joliment du cross-browser (= sans hacks vilains)

Curieux tout de même pour un simple rollover de rien du tout

Bon, je conclus qu'il n'existe pas de méthode simple ?

Si si, mais c'est un secret bien gardé depuis des millénaire, et il faut faire ses preuves pour pouvoir le partager.

Et si tu appliquais ta bordure à l'image ?
 

gm> Oui, mais ça ne fonctionne pas sous IE
 
antp> allez, tu veux bien me prêter ta 106?

 
nan

antp > Pfff