Définir des zones cliquables sur une image

Xolotl Messages postés 49 Date d'inscription   Statut Membre Dernière intervention   -  
annachristelle Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -
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

A voir également:

8 réponses

Atropa Messages postés 1940 Date d'inscription   Statut Membre Dernière intervention   274
 
http://www.siteduzero.com/tutoriel-3-32634-images-mappees-et-liens-hypergraphiques.html
3
Atropa Messages postés 1940 Date d'inscription   Statut Membre Dernière intervention   274
 
bonsoir,

c'est de ça que tu as besoin ?

https://www.w3schools.com/TAGS/tag_map.asp
1
Xolotl Messages postés 49 Date d'inscription   Statut Membre Dernière intervention  
 
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.
0
Xolotl Messages postés 49 Date d'inscription   Statut Membre Dernière intervention  
 
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.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Atropa Messages postés 1940 Date d'inscription   Statut Membre Dernière intervention   274
 
oui ! ça existait déjà...
0
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
Salut

voila 2 generateurs d' image mapping online

http://maschek.hu/imagemap/imgmap/

http://www.isdntek.com/tagbot/imap.htm

a+
0
Xolotl Messages postés 49 Date d'inscription   Statut Membre Dernière intervention  
 
Merci à tous, mon problème est résolu.
A+
0
AssassinTourist Messages postés 6029 Date d'inscription   Statut Contributeur Dernière intervention   1 312
 
En-dessous de ton titre -> "Marquer son sujet comme résolu"
=)
0
annachristelle Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
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!!
0