Les Images Map rectangulaires

Une image map sert le plus souvent à mettre un lien sur une partie d'une image, par exemple sur les layouts il y a des liens "Oleo-Kun Designs", si tu fais attention ce lien est uniquement cliquable sur une partie de l'image. Bien sûr tu as la possiblité mettre autant de liens que tu le souhaites sur une image.

Comment les utiliser ?
Tout d'abord, choisis une image où tu souhaites insérer un lien. Moi je prends celle-ci :

Voici le code que tu dois insérer pour l'image :

<img src="URL_DE_VOTRE_IMAGE" usemap="#map" border="0">
Tu peux, bien sûr, remplacer "map" par le nom de ton choix, mais attention, veille bien à garder le dièse (#).

Ensuite toujours dans ta page html (ou php), mets ce code-ci :

<map name="map"> <!--Box 1--> <area shape="rect" coords="x1,x2,x3,x4" href="lien"> </map>

Dans ce code, tu devras modifier les quatre valeurs (remplacées ici par des xx).
x1 correspond à la distance du sommet en haut à gauche par rapport à la gauche,
x2 correspond à la distance du sommet en haut à gauche par rapport au haut,
x3 correspond à la distance du sommet en bas à droite par rapport à la gauche,
x4 correspond à la distance du sommet en bas à droite par rapport au haut.

Si tu as bien suivi voici ce que tu devrais obtenir (avec tes mesures) :

<map name="map"> <area shape="rect" coords="137,16,161,30" href="lien.htm"> </map>

Voici maintenant l'exemple final, tu as vu quand même. Moi je dis que c'est de la technologie moderne tellement c'est trop méga classe.

Je crois déjà l'avoir évoqué précédemment, mais tu peux mettre autant de liens que tu veux sur une image.

Tu as une question ? Contacte-moi.