Se connecter / S'enregistrer

Résolu Intégration map-image (html)

Solutions (1)
Tags :
  • Logo
  • mapping d'image
  • Html
  • Photoshop
  • Programmation
|
Bonjour,

Je suis actuellement en train de réaliser un mapping mais impossible de l'intégrer. Les liens ne fonctionnent pas ou ne se placent pas au bon endroit. Il s'agit du bandeau d'un site comprenant un menu.
J'ai récupéré les coordonnées sous photoshop en découpant mon image avec l'outil tranche. Je ne sais déjà pas dans quel ordre lire les coordonnées.
J'obtiens par exemple X : 573 Y : 51, L : 407 et H : 192. S'il y a des zones non définies ça pose problème?

Le code que j'ai tenté de rentrer est le suivant :

<p><img width="980" height="243" usemap="#map" alt="bandeau du site" src="/_adminsite/Repertoire/1/fckeditor/image/Bandeaux/bandeau-appa-final.jpg" /> <map id="map" name="map">
<area alt="rechercher" href="http://www.appa.asso.fr/national/Pages/recherche.php" coords="573,24,122,27" shape="rect" />
<area alt="contact" href="http://www.appa.asso.fr/national/Pages/page.php?page=4" coords="703,24,106,27" shape="rect" />
<area alt="newsletter" href="http://www.appa.asso.fr/national/Pages/page.php?page=29..." coords="820,27,146,24" shape="rect" />
<area alt="accueil" href="http://www.appa.asso.fr/national/Pages/page.php" coords="573,51,407,192" shape="rect" />
<area alt="logo" href="http://www.appa.asso.fr/national/Pages/page.php" coords="0,24,573,219" shape="rect" />
</map></p>

Merci pour votre aide. Je galère vraiment ^^"

<config>Windows XP / Firefox 4.0.1</config>
Contenus similaires
Meilleure solution
partage
, Modérateur |
Salut,

Quand tu fais un rectangle tu as 4 coordonnées à spécifier :
X1, Y1, X2, Y2

Donc avec ton X : 573 Y : 51, L : 407 et H : 192, ça doit donner un truc du genre :
X1 = 573
Y1 = 51
X2 = 573 + 407
Y2 = 51 + 192

  • Lady Flo a sélectionné cette solution comme la meilleure réponse
  • Commenter cette solution |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS