Discussion :

[Boony]

Bonjour tout le monde,

Je suis en train de créer une page où je voudrais mettre une image de font et d'insérer des boutons crée à partir d'image pour en faire des liens.

En surfant sur le net, j'ai pu comprendre qu'il fallait utiliser des z-index, mais je ne c'est pas l'utiliser.

Mon code css :

Code :

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

1
2
3
4
5
 
#plan {top: 20%; left: 20%; z-index: 1;
              background-image:url(includes/images_site/plan.JPG)}
#cuisine {top: 23%; left: 23%; z-index: 2;
       background-image:url(includes/images_site/bouton_pieces/cuisine.bmp)}

Mon code html:

Code :

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

1
2
3
4
5
 
<div id="plan">
</div>
<div id="cuisine">
</div>

Je ne sais pas du tout si c'est bien comme ça qu'il faut faire.

Merci pour votre aide

[Boony]

j'ai réussi à faire se que je cercher à faire. j'ai mis l'image dans mon code html et non dans mon css. et j'ai mis ma position:absolute pour cuisine.

merci

[kohsaka]

pour utiliser z-index, ton élément doit être positionné, c'est à dire :

Code :

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

1
2
3
4
5
 
#monDibv {
   position: relative; /* ou absolute voire fixed (mais je n'ai jamais tester je crois) */
   z-index: 5;
}