Bonsoir à tous. Débutante dans le développement de site web, je cherche à créer des zones réactives sur une image. J'ai consulté le site, suivi la documentation, mais ça ne fonctionne pas comme je le désire.

Voici mes quelques lignes de code HTML :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 <html>
<head>
<link rel="stylesheet" type="text/css" href="Style1.css">
<title>index.htm</title>
</head>
<body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0">
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr> <td colspan="2">
 
         <map name="bandeau">
         <area shape="rect" coords="0,0,4258,730" href="./jeux.htm">
         </map>
         <img src="../images/bandeau sup.jpg" width="100%" height="100%" usemap=#bandeau></td> </tr>
</table>
</body>
</html>

Mon image (4258 pixels sur 730 pixels) s'affiche correctement, mais ma zone réactive s'affiche par dessus l'image. Elle se place au dessus de mon image sur une ligne.

Voila, mon problème est donc de placer ma zone réactive sur l'image et non là ou je ne le souhaite pas.
Merci de votre aide. Bonne soirée et bonne année.