Zone clickable sur une image background

Fermé
Mappec Messages postés 116 Date d'inscription samedi 23 octobre 2004 Statut Membre Dernière intervention 17 décembre 2023 - 9 mai 2014 à 21:40
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 9 mai 2014 à 23:43
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 !!
A voir également:

1 réponse

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 9/05/2014 à 23:45
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.
0