Bonjour, j'ai un petit problème et je voulais savoir si quelqu'un aurait une solution. J'ai fait un template dans photoshop que j'ai "slicé" en plusieurs images et enregistré au format html. jusque la tout va bien. la page est nickel. mais je voulais que quand on passe la souris au dessus du logo que le logo s'illumine. j'ai donc créé une deuxième image avec la couleur qui change. Ensuite j'ai rentré dans le code html ceci (que j'ai trouvé sur le net):

<a href="#" onMouseOver="document.Img_1.src='image2.gif';" onMouseOut="document.Img_1.src='image1.gif';"> <img name="img_1" src="image1.gif"> </a>

en remplaçant bien sur les noms d'images par les miennes. ça marche... quand je passe la souris au dessus ça change l'image mais par contre ça décale toutes les autres images... très disgracieux! j'ai l'impression que c'est parce que l'image que j'appelle (donc le logo lumineux) à une bordure contrairement aux autres images et je ne sais pas comment l'enlever.

Voila le code d'origine:

<td style="text-align: left; vertical-align: top;"
colspan="6"> <a href="http://www.yenesa.com/intro"><img
style="border: 0px solid ; width: 727px; height: 136px;"
id="home_03" src="images/home_03.jpg" alt="" /></a></td>

et voila le code qui marche mais qui me décale tout:

<td colspan="6"> <a
href="http://www.yenesa.com/intro"
onmouseover="document.home_03.src='images/home_03_2.jpg';"
onmouseout="document.home_03.src='images/home_03.jpg';"> <img
name="home_03" src="images/home_03.jpg" />
</a></td>

Faut utiliser les sprites CSS de préférence...