Bonjour
Voilà j'ai un menu qui fonctionne très bien mais j'aimerais lui apporté une modification.
lorsque l'on passe sur un nom ex: " États-Unis " le: li:hover ul ouvre la liste vers le bas.
J'aimerais qu'il puisse l'ouvrir sur un clique.
Je vous joint mon code
Code HTML : 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90 <!DOCTYPE html> <html lang="fr" > <head> <meta charset="UTF-8" /> <style type="text/css"> body{background: #fff;} #menu{ height: 530px; width: 230px; overflow-y:scroll; border:#000000 0px solid;} li ul { display:none;} li:hover ul { display:block; position:relative; top:0; left:-25px;} a:link { color:#fff;text-decoration: none;} /* Lien non visité */ a:visited { color:#415F77;} /* Lien visité */ a:hover { color:red; font-size: 16px;Font-Weight: Bold;} /* Lien survolé*/ a:active { color:#fff;} /* Lien sélectionné */ </style> </head><body> <h4>Menu déroulant</h4> <ul id="menu"> <li><a href="">Antigua-et-Barbuda</a></li> <li><a href="">Argentine</a></li> <li><a href="">Bahamas</a></li> <li><a href="">Barbade</a></li> <li><a href="">Belize</a></li> <li><a href="">Bolivie</a></li> <li><a href="">Brésil</a></li> <li><a href="">Canada</a></li> <li><a href="">Chili</a></li> <li><a href="">Colombie</a></li> <li><a href="">Costa Rica</a></li> <li><a href="">Cuba</a></li> <li><a href="">Dominique</a></li> <li><a href="">El Salvador</a></li> <li><a href="">Equateur</a></li> <li><a href=""> Etats-Unis</a> <ul> <li><a href="">Alabama</a></li> <li><a href="">Alaska</a></li> <li><a href="">Arizona</a></li> <li><a href="">Arkansas</a></li> <li><a href="">Jamaïque</a></li> <li><a href="">Mexique</a></li> <li><a href="">Nicaragua</a></li> <li><a href="">Californie</a></li> <li><a href="">Caroline du Nord</a></li> <li><a href="">Caroline du Sud</a></li> <li><a href="">Colorado</a></li> <li><a href="">Connecticut</a></li> <li><a href="">Dakota du Nord</a></li> <li><a href="">Dakota du Sud</a></li> <li><a href="">Delaware</a></li> </ul> </li> <li><a href="">Grenade</a></li> <li><a href="">Guatemala</a></li> <li><a href="">Guyana</a></li> <li><a href="">Haïti</a></li> <li><a href="">Honduras</a></li> <li><a href="">Jamaïque</a></li> <li><a href="">Mexique</a></li> <li><a href="">Nicaragua</a></li> <li><a href="">Panama</a></li> </ul> </body> </html>
Je vous remercie d'avance
Max
Partager