Discussion :

[sub-0]

salut a tous ,
J'ai un problème avec le Menu déroulant CSS proposé dans la galerie CSS de developpez que j'ai inséré dans une cellule de mon tableau, le probleme c'est quand je pointe le curseur sur un champ du menu, la cellule du tableau prend la forme du menu. la capture1 presente mon tableau dans l'etat initiale (sans pointer le curseur sur le menu).
la capture2 présente mon tableau quand le curseur pointe sur le menu.
J'ai vraiment besoin de votre aide.

[12monkeys]

Bonjour

Sans voir le code, je dirais à priori qu'il faut que tu attribut une position:absolute aux éléments de ton sous menu pour qu'ils sortent du flux...

[sub-0]

Merci pour ton aide le problème est réglé ,mais le menu a dépassé le cadre ce la cellule après avoir donné la valeur absolute la position, voila mon code 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
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
#menuDeroulant
{
	background: #6A6458;
	width: 450px;
	height: 21px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #6A6458;
	margin:auto;
	position:absolute;
	top: 159px;
	left: 434px;
}
#menuDeroulant li
{   centrer_menu = true;
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	background: #3B4E77;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 149px;
	
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color:#0066CC;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url(file:///C|/Users/crypto/Documents/Downloads/fondTR.png) repeat;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #F2462E;
}

#menuDeroulant li:hover > .sousMenu { display: block;}

[12monkeys]

Il manque le code html pour pouvoir te donner une réponse certaine...

Je dirais que c'est ton conteneur parent qui n'as pas de position relative... Il faudra alors recalculer sa position :

Code :

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

1
2
	top: 159px;
	left: 434px;

Au passage ceci n'existe pas en css :

Code :

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

1
2
#menuDeroulant li
{   centrer_menu = true;

[sub-0]

Merci c'est réglé juste un petit recule par un TOP est ça marché