Définir des zones cliquables sur une image Fermé

Question

Bonjour, 

J'ai défini une div dans le css pour y inclure une photo (elle ne s'affiche que dans la page d'index).
J'aimerais définir des zones cliquables sur cette photos.
Où dois-je mettre ces les balises ?
Comment les définir ?
Merci pour vos conseils

Configuration: Windows 7 / Firefox 10.0.2

Atropa · Accepted Answer

http://www.siteduzero.com/tutoriel-3-32634-images-mappees-et-liens-hypergraphiques.html

Atropa · Answer

bonsoir,

c'est de ça que tu as besoin ?

https://www.w3schools.com/TAGS/tag_map.asp

Xolotl · Answer

Bonsoir et merci pour cette info,
Où dois-je mettre ce code que tu me proposes?
Dans le CSS ou dans le html ?
Car j'ai mis la photo dans le CSS.

A bientôt.

Xolotl · Answer

Bonsoir,

J'essaie de suivre tes conseils.
J'ai mis le lien de la photo dans le html (j'ai ôté le lien dans le CSS) et je dois encore définir les zones.
Le site que tu me proposes (siteduzero) enseigne et propose des codes en HTML5 alors que mon site est en XHTML.
Est-ce que cela va fonctionner dans ce cas ?

Merci pour tes précisions.

Atropa · Answer

oui ! ça existait déjà...

RAD ZONE · Answer

Salut

voila 2 generateurs d' image mapping online

http://maschek.hu/imagemap/imgmap/

http://www.isdntek.com/tagbot/imap.htm

a+

Xolotl · Answer

Merci à tous, mon problème est résolu.
A+

annachristelle · Answer

défini tes zone ou tes div en html et par la suite tu intègre ta photo dans ton div.
en suite tu va a jouter un lien soit a ta zone de div qui fait l'espace de toute ta photo soit juste a ton image.
tu peux voir par exemple ce site sur lequel je boss.
 http://www.smart-businesscenter.com/fr/
essaie de définir ton div en fonction de la taille de ton image.
pour le html je te conseille le tableau.
bon courage!!

Définir des zones cliquables sur une image

8 réponses

Discussions similaires

Newsletters