Pb de z-index

Version imprimable

15/12/2006, 17h43
jakkihm

Pb de z-index

Bonjour,

Je possède un menu déroulant en js qui doit survoler un tableau lorsqu'il
se déploie. J'aimerais que le tableau soit masqué lors du déploiement
du menu.

J'ai donc appliqué "z-index: 1" pour le menu et "z-index: 0" pour le bloc qui
contient le tableau, mais rien n'y fait. Lorsque le menu se déploie, il est
masqué par le tableau. J'ai aussi essayé d'appliquer "z-index: 0" pour le
tableau lui-même, mais cela ne fonctionne pas davantage.

Comment puis-je m'y prendre ?
Merci à tous !
15/12/2006, 20h40
blueice

Ca va être dur de te répondre sans rien à se mettre sous la dent, mais essaye de passer le menu en position "absolute"

blueice,
Voici un peu de mon code :

HTML:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div id="galerieBloc">
<table id="tableArtisanat">
	<tr>	
		<td colspan="4" align="right"><img src="img/titreArtisans.gif"></td>
	</tr>
	<tr>
		<td><img src="img/imgArtisanat1.jpg"></td>
		<td><img src="img/imgArtisanat2.jpg"></td>
		<td><img src="img/imgArtisanat3.jpg"></td>
		<td><img src="img/imgArtisanat4.jpg"></td>
	</tr>
etc...

CSS:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
#galerieBloc {
	position: absolute;
	width: 900px;
	height: 300px;
	top: 62%;
	margin-top: -300px;
	left: 50%;
	margin-left: -460px;
}
#tableArtisanat {
	font-size: 14px;
	font-family: arial;
}

blueice,
J'ai oublié de t'indiquer que mon menu est déjà en "position: absolute".
Voici une partie du code de mon menu.

CSS:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
#menuDeroulant
{
	position: absolute;
	top: 45px;
	right: 70px;
	height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li
{
	float: left;
	width: 125px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-family: arial;
	text-align: center;
	z-index: 4
}
etc...

16/12/2006, 21h22
Linaa

Le probleme est que ton menu est en float:left
Donc il sort du flux "normal", la propriété z-index ne fonctionnera donc pas.
Il faudra le passer en position:absolute