Discussion :

[Little_franky]

Bonjour,

J'ai un calque qui contient une image qui est positionnée au milieu de ma page, ce qui fait que suivant la taille de la fenetre de l'utilisateur, l'image reste au milieu. Je voudrais placer sur cette image, un aute calque avec egalement une image mais qui serait positionnée par rapport à l'image du dessous. Comment faire ?

merci

[MasterOfChakhaL]

Salut,

Je ne suis as sur d'avoir compris ce que tu veux faire...
Si tu pouvais faire une petite capture d'écran/schéma de ce que tu veux obtenir. Ca pourrait peut-être être plus parlant...

[Little_franky]

J'ai une image (dans un calque). Cette image est placé au milieu de la page. Sur cette image, je veux mettre une petite image qui doit être positionnée par rapport à l'autre (tjs à la meme place meme si l'image du dessous bouge par le redimensionnement de la fenetre du navigateur)
J sais pas si c'est plus précis.

[SpaceFrog]

fais un crobard ???

[Little_franky]

un crobard ?

[MasterOfChakhaL]

Ok,

c'est le dessous que j'avais pas compris. Je ne savais pas si tu parlais d'empilement/chevauchement ou d'image en haut/en bas de l'écran.

La je pense que c'est la première solution dont tu parles...
Si c'est bien ca alors tu peux faire cela

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div class="centrer">
  <img id="dessous" src="..." alt="" />
  <img id="dessus" src="..."  alt="" />
</div>

et le css:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
#dessous {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
 
#dessus {
  position: absolute;
  top: 50px;
  left: 20px;
  z-index: 1;
}

C'est les propriétés top et left de #dessus que tu dois adapter à ton cas.
le z-index définit l'ordre d'empilement (le plus petit se retrouve le plus en dessous).

Je ne l'ai pas précisé car si ton div est centré, je pense que c'est déjà fait, mais il faut que la propriété position de ton div vale relative ou absolute.

[Bisûnûrs]

Crobard = Croquis.