Image avec bordure en rollover

Signaler
Messages postés
5
Date d'inscription
dimanche 26 janvier 2003
Statut
Membre
Dernière intervention
11 mai 2005
-
Messages postés
544
Date d'inscription
vendredi 5 décembre 2003
Statut
Membre
Dernière intervention
20 mai 2005
-
Bonjour



Je voudrais créer une bordure sur une image quand la souris passe dessus.

J'ai essayé de le faire en css en faisant ceci :

a.image:hover {

border: 2px solid #663399;

}



Mon problème c'est que la bordure du haut ne s'affiche pas et que avec Firefox ça ne s'affiche pas bien.



Quelqu'un aurait-il une solution?



Merci d'avance



Cédric

5 réponses

Messages postés
544
Date d'inscription
vendredi 5 décembre 2003
Statut
Membre
Dernière intervention
20 mai 2005
1
Bonjour,
ça parrait correct, je suppose que l'image a la class="image".
L'erreur doit venir d'ailleurs
Messages postés
175
Date d'inscription
samedi 23 octobre 2004
Statut
Membre
Dernière intervention
8 mars 2015

bonjour

un exemple

<html><head><title></title>
<style>
a.image:hover {
border: 2px solid #663399;
}
</style>
</head>

[# ]

</html>
Messages postés
544
Date d'inscription
vendredi 5 décembre 2003
Statut
Membre
Dernière intervention
20 mai 2005
1
Bonjour
ça saute aux : tu mets border: 2px dans ta classe et tu ajoutes
border=0 Tu ne trouves pas ça contradictoire?

De plus l'attribut border n'est pas valide en XHTML, il faut commencer à prendre les bonnes habitudes.
Messages postés
544
Date d'inscription
vendredi 5 décembre 2003
Statut
Membre
Dernière intervention
20 mai 2005
1
écrire plutôt :
[# ]
Messages postés
544
Date d'inscription
vendredi 5 décembre 2003
Statut
Membre
Dernière intervention
20 mai 2005
1
j'ai été trôp vite, ne pas oublier les guillemets :
[# ]