28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Je voudrais ajouter un bouton loupe dans le bas a droite de mon image.
Je ne sais pas comment faire pour positionné mon bouton loupe dans le bas à droite de mon image. Mon image peut se trouver n'importe où dans la page en fonction du reste de la page. Donc un positionnement absolu n'est pas envisageable sans faire beaucoup de manipulation (détecter la position de l'image, ajouter largeur hauteur.... + repositionnement en cas de redimmentionnement de la fenetre....).
Peut-on le faire simplement par un embriquement de balise div avec des class ? ou est-on obliger de passer par du javascript ?
Salut.

Quand tu positionnes quelque chose en absolute tu le fais par raport au premier parent qui est en position relative.

Donc si tu fais :
<div class="image" style="position:relative;">
  <img src="ton image" />
  <img src="taloupe" style="postion:absolute;right:0;bottom:0;" />
</div>
Ca devrait marcher.
Bizarement ça marche !
J'avais déjà essayé en mettant mon image dans un div, et le div se positionnait en vertical par rapport au div conteneur (position dans le text), et en horizontal par rapport à la page entière (body). J'avais pas trops compris pourquoi.

Le principal c'est que mon problème soit résolu. Merci.