Mettre lien sur une partie d'une image

Résolu/Fermé
ichigo36 Messages postés 95 Date d'inscription lundi 3 mars 2008 Statut Membre Dernière intervention 15 mars 2013 - 18 févr. 2009 à 17:26
MysticSquall Messages postés 401 Date d'inscription lundi 4 juillet 2005 Statut Membre Dernière intervention 7 octobre 2011 - 18 févr. 2009 à 17:34
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!
A voir également:

1 réponse

MysticSquall Messages postés 401 Date d'inscription lundi 4 juillet 2005 Statut Membre Dernière intervention 7 octobre 2011 27
18 févr. 2009 à 17:34
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 ^^
1