Image cliquable positionnement des area

Version imprimable

Bonjour à tous,

Je débute en html et je rencontre un problème sur une image cliquable. Tout va bien tant que mon navigateur IE (ou Firefox) est en plein écran. Les coordonnées que j'ai définies dans area sont respectées. Lorsque je rédui sla fenêtre, les coordonnées de la zone area conservent les mçemes valeurs, ce qui a pour effet de déplacer la zone cliquable sur la page.

Voici le code :
Code:

1 2 3 4 5 6 7 8 9 <body> <center><img src="Images/toto.jpg" width=90% alt="Accueil" usemap=#map></center> <map name = map> <area shape="rect" coords="9.85,102.9,273.25,229.1" href="#Identification" /> </map> </body>
Merci par avance.

19/11/2007, 11h09
Bisûnûrs

Il n'est pas vraiment judicieux de donner pour nom à la map, le nom de la balise justement.
Alors essaie de changer ce nom d'une part.

D'autre part, les coordonnées prennent des valeurs entières et non avec des décimales.

Code corrigé

Merci pour ces conseils. J'ai corrigé le code comme ceci :

Code:

1
2
3
4
5
6
7
 
	<body>
  <center><img src="Images/Accueil.jpg" width=90% alt="Accueil" usemap=#ecran></center>
  <map name = ecran>
    <area shape="rect" coords="10,103,273,229" href="#Identification" />
  </map>
  </body>

19/11/2007, 12h03
Bisûnûrs

Et ça fonctionne ?
19/11/2007, 12h34
magoer

Suite corrections

Non. Pas de changement.
19/11/2007, 12h39
Bisûnûrs

Ah mais ton image est en pourcentage, ce n'est pas étonnant, elle n'a pas la même dimension en fonction de la résolution, alors que tes coordonnées restent les mêmes.

Ne mets pas ton image en % et ça résoudra ton problème.
19/11/2007, 15h11
magoer

image en pixels

Merci pour ces premiers éléments.
Oui, ça marche, sauf j'avais mis l'image en % pour qu'elle soit toujours visible entièrement quelles que soient les manipulations de l'utilisateur sur la taille de la fenêtre du navigateur.
19/11/2007, 15h18
Bisûnûrs

Sauf qu'il n'est apparemment pas possible de faire une map correcte sur une image en %.