Discussion :

[willyg28]

bonjour voici le code :

Code html :

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

1
2
3
4
5
6
 
<div class="central" >
<div class="info1">
<label>text...</label>
</div>
</div>

code css

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
.menuhaut
{
display:block;
z-index:2;
}
.central
{
display:block;
z-index:0;
}
.info1
{
display:block;
z-index:1;
}

j ai une fonction jquery qui anime le calque "menuhaut" en augmentant son height au passage de la souris...
probleme , le menu se passe pas au dessus du calque dont la classe est info1..
je ne vois pas pourquoi...

merci d avance
willy

[NoSmoking]

Bonsoir,
la notion de z-index ne s'applique qu'à des éléments positionnés ce qui ne semble pas être ton cas.

Il manquerait un peu de code HTML pour bien voir la structure de ton menu.

[willyg28]

le code html que je n ai pas mis dans mon premier post est le suivant :

Code :

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

1
2
3
4
5
 
<div class="menuhaut">
  <div id="menu1"><label>monmenu</label></div>
  <div id="menu2"><label>monmenu2</label></div>
</div>

sinon je ne vois pas trop ce que tu veux dire par positionné?

[ouldfella]

le menu se passe pas au dessus du calque dont la classe est info1

on ne voit pas cette classe dans ton code, les balises que tu veux leur mettre un z-index, il faut les positionner (dans css tu met position : relative | absolute)
en plus z-index permet de spécifier la position d'empilement d'un bloc par rapport aux autres blocs qui sont des frères, dans ton code menu1 et menué sont des frères mais menuhaut est leur parent.

[willyg28]

la classe info1 est indiqué au debut du post...
elle vient se positionner dans un calque enfant d' un calque nommé Dcentral ..
je vais regarder en ajouter les valeur de positionnement comme tu me la indiqué ..
en tout cas merci pour ces reponses diverses , ca aide a mieux comprendre et à chercher..

[willyg28]

En effet en ajoutant une valeur de position ca marche nikel...merci..
mais peux tu m expliquer pourquoi exactement car j ai peur de ne pas avoir bien compris pourquoi...
en tout cas merci beaucoup

willy

[elfamine]

Bonjour,

sans spécifier la propriété position d'un élément il ne prendra pas en compte les propriétés de positionnement que ce soit left right z-index etc

t'aura plus d'explication ici : http://www.w3schools.com/css/css_positioning.asp

tout enbas il y a "All CSS Positioning Properties" avec la liste des propriétés de positionnement

[willyg28]

merci pour cette reponse, je vais aller regarder tout cela plus attentivement..

merci a tous pour vos reponses

willy