Image map et résolution d'écran
Résolu
marionpec
Messages postés
52
Date d'inscription
Statut
Membre
Dernière intervention
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
J'ai une image map cliquable en page d'accueil de mon site.
Je voudrais qu'elle s'adapte à la fenetre du visiteur, je lui mets donc width="100%"
Problème : ce faisant je perds visiblement les coordonnées de la map et mes liens ne fonctionnent plus (ou sont complètement décalés)
Une solution pour adapter mon image à la résolution du visiteur sans en modifier la largeur ?
Merci bien :)
J'ai une image map cliquable en page d'accueil de mon site.
Je voudrais qu'elle s'adapte à la fenetre du visiteur, je lui mets donc width="100%"
Problème : ce faisant je perds visiblement les coordonnées de la map et mes liens ne fonctionnent plus (ou sont complètement décalés)
Une solution pour adapter mon image à la résolution du visiteur sans en modifier la largeur ?
Merci bien :)
A voir également:
- Image map et résolution d'écran
- Google map satellite gratuit - Guide
- Double ecran - Guide
- Capture d'écran whatsapp - Accueil - Messagerie instantanée
- Réduire résolution image - Guide
- Image iso - Guide
5 réponses
Bonsoir
il faut donc travailler en pixel et non en pourcentage. la taille de l'image sera toujours la même quelque soit la résolution de l'écran.
il faut donc travailler en pixel et non en pourcentage. la taille de l'image sera toujours la même quelque soit la résolution de l'écran.
oui mais comment faire une map area en % ? Je ne sais faire qu'en pixels moi.
Trapper la résolution du visiteur ? Trop compliqué, cela n'en vaut pas la peine. Je fais ça pour dépanner quelqu'un, je ne veux pas passer 1 semaine dessus non plus.
Par contre si vous savez comment créer une image map avec des %, ce serait bienvenu.
Trapper la résolution du visiteur ? Trop compliqué, cela n'en vaut pas la peine. Je fais ça pour dépanner quelqu'un, je ne veux pas passer 1 semaine dessus non plus.
Par contre si vous savez comment créer une image map avec des %, ce serait bienvenu.
Je récapitule :
j'ai créé une image-map avec GIMP, donc j'ai travaillé en pixels. Je me rends compte ensuite que ce n'est pas adapté puisque je veux une image qui s'adapte à la taille de la fenêtre du navigateur.
Du coup je veux bien refaire la map, avec des pourcentages cette fois, mais je ne sais pas comment. Impossible avec Gimp (daprès ce que je vois).
Merci encore de votre aide.
j'ai créé une image-map avec GIMP, donc j'ai travaillé en pixels. Je me rends compte ensuite que ce n'est pas adapté puisque je veux une image qui s'adapte à la taille de la fenêtre du navigateur.
Du coup je veux bien refaire la map, avec des pourcentages cette fois, mais je ne sais pas comment. Impossible avec Gimp (daprès ce que je vois).
Merci encore de votre aide.
avec gimp ou un autre logiciel, on crée une image.
ensuite on utilise le code html pour travailler en mappage sur une image.
ci après un exemple
<p align="center"><map name="FPMap0">
<area nohref shape="polygon" coords="649, 462, 631, 423, 661, 401, 672, 418, 689, 412, 692, 454, 679, 462, 670, 440" alt="Souesmes">
<area nohref shape="polygon" coords="117, 37, 133, 33, 140, 37, 137, 56, 131, 49, 126, 49, 125, 38" alt="le Plessis-Dorin">
<area nohref shape="polygon" coords="141, 52, 145, 37, 153, 37, 159, 31, 162, 37, 154, 46" alt="Saint-Avit">
<area nohref shape="polygon" coords="159, 48, 187, 23, 200, 21, 200, 25, 181, 37, 182, 42, 193, 48, 193, 51, 178, 42, 172, 50, 162, 46, 162, 44" alt="Le Gault-Perche">
</map>
<img border="0" src="dept41.gif" usemap="#FPMap0" width="736" height="602"></p>
ensuite on utilise le code html pour travailler en mappage sur une image.
ci après un exemple
<p align="center"><map name="FPMap0">
<area nohref shape="polygon" coords="649, 462, 631, 423, 661, 401, 672, 418, 689, 412, 692, 454, 679, 462, 670, 440" alt="Souesmes">
<area nohref shape="polygon" coords="117, 37, 133, 33, 140, 37, 137, 56, 131, 49, 126, 49, 125, 38" alt="le Plessis-Dorin">
<area nohref shape="polygon" coords="141, 52, 145, 37, 153, 37, 159, 31, 162, 37, 154, 46" alt="Saint-Avit">
<area nohref shape="polygon" coords="159, 48, 187, 23, 200, 21, 200, 25, 181, 37, 182, 42, 193, 48, 193, 51, 178, 42, 172, 50, 162, 46, 162, 44" alt="Le Gault-Perche">
</map>
<img border="0" src="dept41.gif" usemap="#FPMap0" width="736" height="602"></p>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question