Mettre lien sur une partie d'une image
Résolu
ichigo36
Messages postés
107
Statut
Membre
-
MysticSquall Messages postés 429 Statut Membre -
MysticSquall Messages postés 429 Statut Membre -
Bonjour,
J'ai dernièrement appris le html et css et j'aimerais savoir comment mettre un lien sur une certaine partie de l'image comme sur cette image: https://imageshack.com/
merci!
J'ai dernièrement appris le html et css et j'aimerais savoir comment mettre un lien sur une certaine partie de l'image comme sur cette image: https://imageshack.com/
merci!
A voir également:
- Mettre lien sur une partie d'une image
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Légender une image - Guide
- Mettre une image en filigrane sur word - Guide
- Image de manchots sur une image de plage. - Forum Graphisme
1 réponse
je te propose un code...
html...
body...
<div id="image"><img...><a href...></div>
sépare bien l'image du lien, mais met les dans le meme div
ensuite dans ton css...
#image img{
caractéristiques de ton image
}
#image a{
caractéristiques du lien
}
Une fois que tu as fait sa, tu a identifié ton image et ton lien.
Donc après c'est une histoire de positionnement
petit rappel :
position:absolute : tien compte d'aucun paramètre prédéfini
position:relative : tien compte des objets précédemment positionné en relative
par exemple, si tu met
#image img{
position:relative;
caractéristiques de ton image
}
alors si
#image a{
position:relative
caractéristiques du lien
}
tu va placer ton lien en fonction de ton image...
voila ^^
html...
body...
<div id="image"><img...><a href...></div>
sépare bien l'image du lien, mais met les dans le meme div
ensuite dans ton css...
#image img{
caractéristiques de ton image
}
#image a{
caractéristiques du lien
}
Une fois que tu as fait sa, tu a identifié ton image et ton lien.
Donc après c'est une histoire de positionnement
petit rappel :
position:absolute : tien compte d'aucun paramètre prédéfini
position:relative : tien compte des objets précédemment positionné en relative
par exemple, si tu met
#image img{
position:relative;
caractéristiques de ton image
}
alors si
#image a{
position:relative
caractéristiques du lien
}
tu va placer ton lien en fonction de ton image...
voila ^^
