Zone clickable sur une image background
Mappec
Messages postés
116
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai besoin de votre aide ...
J'ai une image background (appelée dans le css) et j'aimerais que le centre de cette image soit clickable.
Pour faire ça j'ai inséré une image vide et transparente, clickable, au centre de la page mais, comme le texte, elle ne se déforme pas avec la modification de taille de la fenêtre. Donc la zone clickable tend à disparaitre avec le texte qui est plus bas quand on ratatine la fenêtre ...
Vous auriez une solution ?
Merci !!
J'ai besoin de votre aide ...
J'ai une image background (appelée dans le css) et j'aimerais que le centre de cette image soit clickable.
Pour faire ça j'ai inséré une image vide et transparente, clickable, au centre de la page mais, comme le texte, elle ne se déforme pas avec la modification de taille de la fenêtre. Donc la zone clickable tend à disparaitre avec le texte qui est plus bas quand on ratatine la fenêtre ...
Vous auriez une solution ?
Merci !!
A voir également:
- Zone clickable sur une image background
- Alternative zone telechargement - Accueil - Outils
- Légender une image - Guide
- Image iso - Guide
- Comment rechercher une image sur google - Guide
- Acronis true image - Télécharger - Sauvegarde
1 réponse
Salut
insère l'image transparente dans un div sans mettre de taille à l'image
exemple (l'image sera toujours au centre de ta page et fera toujours 10% de l'ecran quelquesoit le scroll et la taille ecran.
le mieux est de mettre cette div juste après body.
<div id="transparent"><a href=""><img src="imagetransparente.gif" /></a></div>
css
#transparent {
position fixed;
width:10%;
height:10%;
top:50%;
left:50%;
margin-top:-5%;
margin-left:-5%;
}
#transparent img {
width:100%;
height:100%;
}
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
insère l'image transparente dans un div sans mettre de taille à l'image
exemple (l'image sera toujours au centre de ta page et fera toujours 10% de l'ecran quelquesoit le scroll et la taille ecran.
le mieux est de mettre cette div juste après body.
<div id="transparent"><a href=""><img src="imagetransparente.gif" /></a></div>
css
#transparent {
position fixed;
width:10%;
height:10%;
top:50%;
left:50%;
margin-top:-5%;
margin-left:-5%;
}
#transparent img {
width:100%;
height:100%;
}
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.