Bonjour à tous,

je souhaiterai rendre plus dynamique mon site internet en appliquant un rollover sur le menu.
Après plusieurs tentatives, je n'arrive pas à rendre ma page compatible W3C et il subsiste un décalage dans le menu (par rapport à la page d'origine).
J'ai fait le test sur le bouton presentation.

Voici le code utilisé dans le head:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
<script language="JavaScript">
<!-- Begin
presentation = new Image();
presentation.src = "http://www.reikisoins.fr/presentation_files/shapeimage_1.png";
end -->
  </script>
et dans body :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<div class="tinyText" style="height: 26px; left: 22px; position: absolute; top: 196px; width: 104px; z-index: 1;">
<img usemap="#map1" id="shapeimage_1" style="border: medium none ; height: 31px; left: -3px; position: absolute; top: -3px; width: 109px; z-index: 1;" alt="PRESENTATION" title="Presentation du Reiki" /><map name="map1" id="map1">
<area href="http://www.reikisoins.fr/presentation.html" title="Presentation du Reiki" alt="Presentation du Reiki" coords="3, 3, 107, 29" onmouseover="presentation.src = 'http://www.reikisoins.fr/presentation_files/shapeimage_1.png';" onmouseout="presentation.src = 'http://www.reikisoins.fr/index_files/shapeimage_1.png';" />
<img src="http://www.reikisoins.fr/index_files/shapeimage_1.png" name="presentation" /></map>
 
</div>
Ma page d'origine se trouve à http://www.reikisoins.fr , rajoutez /index2.html pour voir mon résultat.

Merci d'avance pour votre aide.