Mettre plusieur lien sur une image
Résolu/Fermé
A voir également:
- Mettre plusieur lien sur une image
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verifier un lien - Guide
- Image iso - Guide
- Comment agrandir une image - Guide
28 réponses
seabust
Messages postés
741
Date d'inscription
lundi 10 mars 2008
Statut
Membre
Dernière intervention
30 juillet 2015
101
10 oct. 2009 à 13:45
10 oct. 2009 à 13:45
google : image map html
ca devrai faire ton bonheur
ca devrai faire ton bonheur
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
10 oct. 2009 à 13:45
10 oct. 2009 à 13:45
Regarde ici.
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
10 oct. 2009 à 16:37
10 oct. 2009 à 16:37
Je pense que n'importe quel tutoriel te conviendra, pas besoin d'écrire une page rien que pour toi.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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">
<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">
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
10 oct. 2009 à 20:09
10 oct. 2009 à 20:09
Ton image doit être mise avant la map
ç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>
<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>
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
10 oct. 2009 à 21:22
10 oct. 2009 à 21:22
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>
ç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>
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>
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
12 oct. 2009 à 18:52
12 oct. 2009 à 18:52
En fait ça fonctionne c'est simplement que tu n'arrives pas à trouver le bon endroit ... Agrandie la zone, tu verras bien.
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
12 oct. 2009 à 21:24
12 oct. 2009 à 21:24
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>
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 ...
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
12 oct. 2009 à 22:05
12 oct. 2009 à 22:05
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 ...
Ç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 ...
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
13 oct. 2009 à 18:17
13 oct. 2009 à 18:17
Dans href, à la place de #top
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">
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">
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
13 oct. 2009 à 19:32
13 oct. 2009 à 19:32
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>
