Discussion :

[jakkihm]

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 !

[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"

[jakkihm]

blueice,
Voici un peu de mon code :

HTML:

Code HTML :

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

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 :

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

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;
}

[jakkihm]

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 :

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
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...

[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