[XHTML] Maping d'image et IE

**10-nice** · 20/10/2006, 14h30

voila j'ai un soucis, je map une image avec différentes zones :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<map name="carte">
                        <area shape="poly" coords="16,20, 40,20, 50,14, 70,20, 76,18, 92,32, 70,54, 30,58, 16,20" href="javascript:void(alert('zone jaune'))" />
                        <area shape="poly" coords="70,54, 92,32, 112,64, 94,102, 80,96, 70,54" href="javascript:void(alert('zone vert pâle'))" />
                        <area shape="poly" coords="30,58, 70,54, 80,96, 64,108, 24,88, 30,58" href="javascript:void(alert('zone rose pâle'))" />
                        <area shape="poly" coords="130,68, 130,58, 148,64, 130,96, 106,108, 94,102, 112,64, 130,68" href="javascript:void(alert('zone marron'))" />
                        <area shape="poly" coords="148,64, 168,74, 146,102, 130,96" href="javascript:void(alert('zone orange'))" />
                        <area shape="poly" coords="106,108, 94,102, 80,96, 64,108, 64,122, 120,148, 120,128, 146,102, 130,96, 106,108" href="javascript:void(alert('zone bleue'))" />
                        <area shape="poly" coords="120,148, 170,170, 186,148, 186,126, 144,110, 146,102, 120,148" href="javascript:void(alert('zone rouge'))" />
                        <area shape="poly" coords="168,74, 200,62, 226,80, 214,102, 186,100, 146,102, 168,74" href="javascript:void(alert('zone verte'))" />
                    </map>
                    <img src="image.gif" style="float:left;height:184px;width:253px;border:0;" usemap="carte" />

Sous FF pas de pb ca fonctionne, par contre sous ie rien... j'ai oublié qqchose ?

(j'ai essayé d'entourer la zone d'un balise <a>, ca ne change rien...)

**gretch** · 20/10/2006, 14h36

essai de mettre des espace derriere toutes tes virgules, on ne sait jamais ...

fais un rechercher/remplacer

**10-nice** · 20/10/2006, 14h40

J'ai mis des espaces pour chaque et ensuite aucun espace les deux ne fonctionnent pas :s

**trotters213** · 20/10/2006, 14h56

Essaie en changeant ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

href="javascript:void(alert('zone ...'))

par ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick="alert('zone ...');"

PS : c'est normal que tes polygones n'est pas tous le même nombre de faces?

**MasterOfChakhaL** · 20/10/2006, 15h09

Salut,

histoire de cerner le souci, essaie d'enlever le float pour vérifier que le problème ne vient pas de là (IE n'est pas très fortiche avec tout ce qui concerne les éléments flottants)

Tu peux essayer de remplacer l'attribut name de la map par l'attribut id...
Ou mettre les deux (<map id="carte' name="carte">)