28172 sujets

CSS et mise en forme, CSS3

Bonsoir,

Je souhaite mettre une petite loupe sur les images publiées pour indiquer qu'il faut cliquer dessus pour l'agrandir (il s'agit de doc dans article SPIP).

Par contre, je ne sais pas comment en css positionner cette petite image. Une idée ?

Merci
Bonsoir,

Temana a écrit :
Une idée ?

On utilisera le positionnement absolu. On va avoir besoin de trois éléments:
- un conteneur qui épouse les contours de l'image (il peut s'agir du lien déjà existant... je suppose qu'il y a un lien si les images sont cliquables?), et que l'on positionnera en relatif;
- l'image elle-même;
- un élément vide, par exemple un SPAN, que l'on positionnera en absolu par rapport aux limites du conteneur positionné en relatif.

C'est l'élément vide qui servira de support à l'image à placer en surimpression. Il faudra dimensionner le SPAN et lui appliquer une image de fond.