Cadre fin autour d'une image

[silvia2]

Bonsoir

Je suis actuellement à la recherche d'un code qui permet d'avoir un cadre fin qui change de couleur lorsque la souris passe sur une image. J'aimerai qu'il soit d'une certaine couleur lorsque l'image n'est pas survolée (1), et qu'il change de couleur lorsque la souris survole l'image (2).



J'espère que vous pourrez m'aider
Merci d'avance et bonne nuit à tous

[tupac]

Bonsoir

Un petit lien qui vous sera bien utile pour faire cet effet ici

[tupac]

Laissez tombé le lien que j'ai placé plus haut,se sera plus simple avec ce code la.

Code:


<a href="" onmouseover="image n°1.src=' votre 1er image ici ';"
onmouseout="image1.src=' votre 2ième image ici';">
<img name="image1" src=" même 2ième image ici" border=0></a>

[silvia2]

Cela n'a pas l'air de marcher
Et puis ce code demande les liens de deux images différentes, or je souhaite simplement qu'un cadre entoure une seule et même image et que ce cadre change de couleur lorsqu'il est survolé

[no_way]

Bonjour
Essayez ce qui suit.

Code CSS à mettre dans votre feuille de style:

Code:


img.border{
border:solid gray 1px;
}
img.border:hover{
border:solid silver 1px;
}


Bien entendu j'ai pris des couleurs au pifomètre, à vous de choisir vos couleurs.

Sur votre forum lorsque vous écrivez le code HTML pour votre image:

Code:


<img src="URL" class="border" />


[silvia2]

C'est parfait, merci beaucoup
Problème résolu.