Mettre plusieur lien sur une image

Résolu
Profil bloqué -  
 Profil bloqué -
Bonjour,
alors voila j'ai un montage photo et dessus j'ai écrit par exemple forum plus loin me contacter ... et je voudrait mettre un liens juste sur le mot forum, un lien juste sur le mot me contacter pareil pour les autres.

exemple l'image de ce site:https://www.gun-land.net/
là où il y a écrit forum topsite ...

merci !!
A voir également:

28 réponses

seabust Messages postés 741 Date d'inscription   Statut Membre Dernière intervention   101
 
google : image map html
ca devrai faire ton bonheur
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Regarde ici.
0
Profil bloqué
 
je ne comprend pas tous :s
ne pourriez vous pas m'expliquer s'il vous plait ??
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Je pense que n'importe quel tutoriel te conviendra, pas besoin d'écrire une page rien que pour toi.
0

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

Posez votre question
Profil bloqué
 
j'ai mis ça mais ça ne marche pas :

<map name="testmap">
<area shape="rect" coords="0,,10,27" href="#top">
</map>
<img src="/Mes%20images/yamapi.jpg" usemap="#testmap"
alt="" border="1" height="34" width="136">
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Ton image doit être mise avant la map
0
Profil bloqué
 
ça ne marche toujours pas:

<map name="testmap">
<area shape="rect" coords="0,,10,27" href="#top">
<img src="/Mes%20images/yamapi.jpg" usemap="#testmap"
alt="" border="1" height="34" width="136"></map>
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Et avec ça :
<img src="/Mes%20images/yamapi.jpg" usemap="#testmap" alt="" style="border:solid 1px black;width:136px;height:34px;" />
<map name="testmap">
    <area shape="rect" coords="0,0,10,27" href="#top">
</map>
0
Profil bloqué
 
ça ne marche pas non plus T-T
Dans src j'ai mis un lien http... , et la on voit l'image mais on ne voie pas le mot ni le liens sur le mot.

<img
src="http://www.ikikata.se/wp-content/uploads/2009/06/vistlip.jpg"
usemap="#forum" alt="7" style="border: 1px solid black;"
height="350" width="500"><br>
<map name="forum">
<area shape="rect" coords="9,0,10,27" href="#top">
</map>
0
Profil bloqué
 
????????
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
En fait ça fonctionne c'est simplement que tu n'arrives pas à trouver le bon endroit ... Agrandie la zone, tu verras bien.
0
Profil bloqué
 
je ne voie pas tu pourrait me dir ou exactement ^^
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Teste avec ce code HTML, j'ai juste modifier la position sur le visage de la personne à gauche :
<img src="http://www.ikikata.se/wp-content/uploads/2009/06/vistlip.jpg" usemap="#forum" alt="7" style="border: 1px solid black;height:350px;width:500px;" /><br/>
<map name="forum">
	<area shape="rect" coords="40,37,100,120" style="border:solid 1px red;" href="#top">
</map> 
0
Profil bloqué
 
ha oui merci , mais dans src y a bien un lien quand je regarde sur le navigateur et que je clike sur le visage de gauche ( le curseur change bien d'apparence ...) mais rien ne ce passe ...
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
C'est une ancre.
Ça permet d'atterir à l'objet dont l'id est ce que tu as mis après la dièse (#).
Si tu veux changer de page, fait comme avec un lien normal ...
0
Profil bloqué
 
comme un lien normale mais le lien je le mes ou dedans ??
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Dans href, à la place de #top
0
Profil bloqué
 
d'accord mais, quand je le met et quej e regarde sur le navigateur je clike sur le lien l'adresse HTTP ce modifie

au début c'est : file:///C:/Documents%20and%20Settings/Ouiissem/Mes%20documents/site/index.html

après que j'ai cliké sur le lien: ( j'ai pris cette page du forum) file:///C:/Documents%20and%20Settings/Ouiissem/Mes%20documents/site/index.html#https://forums.commentcamarche.net/forum/affich-14700028-mettre-plusieur-lien-sur-une-image



voicie le code au cas ou sa serai dedans le problème:
<img
src="http://www.ikikata.se/wp-content/uploads/2009/06/vistlip.jpg"
usemap="#forum" alt="7"
style="border: 1px solid black; height: 350px; width: 500px;"><br>
<map name="forum">
<area shape="rect" coords="40,37,100,120"
style="border: 1px solid red;"
href="#https://forums.commentcamarche.net/forum/affich-14700028-mettre-plusieur-lien-sur-une-image">
0
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
Voila ton code corrige
<img src="http://www.ikikata.se/wp-content/uploads/2009/06/vistlip.jpg" usemap="#forum" alt="7" style=
    "border: 1px solid black; height: 350px; width: 500px;" />
    <br />
    <map name="forum" id="forum">
      <area shape="rect" alt="ccm" coords="40,37,100,120" style="border: 1px solid red;" href=
      "https://www.commentcamarche.net/" />
    </map>
 
0
Profil bloqué
 
waaaa ça marche, merci beaucoup à vous deux !

Mais j'ai un problème je comprend pas pour pouvoir mettre le lien ou je veut enfin les valeur la :

:coords="40,37,100,120"

0