Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 03/02/2012, 15h37   #1
Invité de passage
 
Inscription : février 2012
Messages : 1
Détails du profil
Informations forums :
Inscription : février 2012
Messages : 1
Points : 0
Points : 0
Par défaut menu déroulant au survol

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;
}
sapeurfab est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 03/02/2012, 15h47   #2
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 954
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 954
Points : 4 790
Points : 4 790
Bonjour,
La galerie CSS > Barres de navigation / Menus horizontaux, tous plein d'exemples...

un parmi les autres http://css.developpez.com/tutoriels/...enu01test.html
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 01h19.


 
 
 
 
Partenaires

Hébergement Web