Image cliquable positionnement des area

**magoer** · 19/11/2007, 11h01

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 :

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

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.

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

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.

**magoer** · 19/11/2007, 11h50

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

Code :

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

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>

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

Et ça fonctionne ?

**magoer** · 19/11/2007, 12h34

Non. Pas de changement.

**Bisûnûrs** · 19/11/2007, 12h39

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.

Image cliquable positionnement des area

HTML

Vue hybride

Discussions similaires

Partager

Partager