Mettre plusieur lien sur une image
Résolu
Profil bloqué
-
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 !!
--
le monde est triste ! ; :. ainsi soit ont.. .:.
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 !!
--
le monde est triste ! ; :. ainsi soit ont.. .:.
Configuration: Windows XP Firefox 3.0.14
28 réponses
- 1
- 2
Suivant
-
google : image map html
ca devrai faire ton bonheur -
Regarde ici.
-
-
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">
-
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>
-
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>
-
-
En fait ça fonctionne c'est simplement que tu n'arrives pas à trouver le bon endroit ... Agrandie la zone, tu verras bien.
-
-
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 ...
-
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 ... -
-
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">
-
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> -
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"
- 1
- 2
Suivant