menu déroulant au survol

[sapeurfab]

Bonjour,

Je cherche la solution pour que mon menu se déroule au survol, voici mon code actuel:

Merci d'avance pour le coup de pouce.

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
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
 
#menu_gauche{
padding:0;
text-align:right;
width:11.8em;
margin:0;
}
 
 
#menu_gauche li ul{
	display:none;
}
 
#menu_gauche li.actifsmenu{
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: transparent !important;
    background-image: url("/img/smenu_hover_actif.png") !important;
    background-origin: padding-box !important;
    background-repeat: no-repeat !important;
    background-position: 21px 0 !important;
}
 
#menu_gauche li.actifsmenu a{
color:#3DA0E4 !important;
background:none !important;
}
 
 
#menu_gauche li:hover ul{
	display:block;
}
 
#menu_gauche li.premier{
background:none;
}
 
#menu_gauche li{
padding:0.5em 0;
background:url(../img/sep_menu.png) no-repeat scroll 0 0;
}
 
#menu_gauche li a{
color:#white;
text-decoration:none;
padding:0 0.7em 0 0;
}
 
#menu_gauche li.actif{
background:url(../img/menu_actif.png) no-repeat scroll right top;
}
 
#menu_gauche li.actif #sous_menu{
display:inline !important;
}
 
#menu_gauche li:hover{
    background: url("../img/menu_actif.png") no-repeat scroll right top transparent;
 
}
 
#menu_gauche li a:hover{
/**text-decoration:underline;**/
color:#3DA0E4;
}
 
#menu_gauche li{
list-style-type:none;
}
 
#menu_gauche #sous_menu{
margin:0.5em 0;
padding:0;
display: none;
}
 
#menu_gauche #sous_menu li{
background:none;
 margin-top: 0.5em;
 margin-bottom: -0.5em;
}
 
 
 
#menu_gauche #sous_menu li a{
color:#ffffff;
font-size:0.9em;
background:url(../img/puce_sous_menu.png) no-repeat scroll right center;
margin:0 0.4em 0 0;
}
 
#menu_gauche #sous_menu li a:hover {
color:#3DA0E4;
background:none;
}
 
#menu_gauche #sous_menu li:hover {
background:url(../img/smenu_hover_actif.png) no-repeat scroll right center;
}

[NoSmoking]

Bonjour,
La galerie CSS > Barres de navigation / Menus horizontaux, tous plein d'exemples...

un parmi les autres http://css.developpez.com/tutoriels/...enu01test.html