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:
et dans body :
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>
Ma page d'origine se trouve à http://www.reikisoins.fr , rajoutez /index2.html pour voir mon résultat.
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>
Merci d'avance pour votre aide.
Partager