Page 1 sur 1

mauvais positionnement des zones cliquable sur une image

Publié : 10 sept. 2008, 20:10
par getpixel
bonjour,
j'ai réussi à centrer mon image cliquable et a faire en sorte qu'elle s'adapte à la taille de l'écran
le probleme c que les zones cliquables ne suivent pas le mouvement
le code html des zones cliquables à été obtenu par gimp
<body align="center">
<div style="text-align: left;"><br>
<!--div style="position: absolute; left: 8px; top: 8px;"--></div>
<img
style="border: 0px solid ; text-align: left; width: 80%; height: 100%; position: absolute; left: 138px; top: 8px;"
alt="" src="images/siteessaidef.jpg"
usemap="#map" align="top"><map name="map">
<area shape="rect" coords="255*80%,168*100%,372*80%,228*100%"
href="objectifs.html">
<area shape="rect" coords="395,168,507,226"
href="methode.html">
<area shape="rect" coords="528,168,639,226"
href="temoignages.html">
<area shape="rect" coords="664,169,778,227"
href="entrenous.html">
<area shape="rect" coords="807,169,913,227"
href="appeleznous.html">
si vous pouviez me dépanner se serait bien urbain :oops:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Publié : 11 sept. 2008, 02:23
par chinon37
1- on peut avoir l'adresse de la page?
2- de toute façon, c'est logique si tu as redimensionnée l'image après avoir créé les zones réactives. Les coordonnées des zones réactives sont calculées par rapport à l'image d'origine. (si je ne dis pas de bêtises, les coordonnées sont calculées à partir du coin haut gauche de l'image, mais seulement si je ne dis pas de bêtises)

Publié : 11 sept. 2008, 09:09
par Fabrice.Tres.Net
chinon37 a écrit :1- on peut avoir l'adresse de la page?
2- de toute façon, c'est logique si tu as redimensionnée l'image après avoir créé les zones réactives. Les coordonnées des zones réactives sont calculées par rapport à l'image d'origine. (si je ne dis pas de bêtises, les coordonnées sont calculées à partir du coin haut gauche de l'image, mais seulement si je ne dis pas de bêtises)
Je confirme.

Publié : 11 sept. 2008, 09:48
par getpixel
bonjour

je suis navré mais le site n'est pas en ligne pour l'instant
pour en revenir au reste de votre réponse, je dirai qu'il reste un problème
car les coordonnées des zones cliquables devront s'adapter aux modifications de l'image et donc de l'écran du visiteur
car c'est bien le but des valeurs en % pour la largeur et la hauteur,non?
d'avance merci


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Publié : 11 sept. 2008, 10:56
par Fabrice.Tres.Net
Il n'est pas prévu, du moins de cette manière et à ma connaissance, de pouvoir faire des zones cliquables sur des images variant en dimension.

Les coordonnées sont fixes:

Code : Tout sélectionner

  area shape="rect" coords="395,168,507,226" 
Il est possible de le faire mais cela nécessite de passer via du javascript, ou si c'est juste des rectangles à coup de css...

Pour rappel, afficher une image en % est à éviter, les résultats à l'affichage ne sont pas "terribles"!

Plus : http://xhtml.com/en/xhtml/reference/area/

Publié : 11 sept. 2008, 11:06
par chinon37
Fabrice.Tres.Net a écrit :
Pour rappel, afficher une image en % est à éviter, les résultats à l'affichage ne sont pas "terribles"!
Comment ça, pas "terribles"? tu voulais dire: catastrophiques car l'image est systématiquement détériorée :wink: