mauvais positionnement des zones cliquable sur une image

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

getpixel

mauvais positionnement des zones cliquable sur une image

Message 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
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message 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)
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Fabrice.Tres.Net
Tyrannosaurus Rex
Messages : 2390
Inscription : 26 juin 2006, 12:50

Message 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.
getpixel

Message 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
Fabrice.Tres.Net
Tyrannosaurus Rex
Messages : 2390
Inscription : 26 juin 2006, 12:50

Message 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/
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message 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:
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Semrush [Bot] et 5 invités