Bonjour
Mon menu se déroule avec les balise <div> suivantes
Je voudrais que le menu dépasse tout, voici mon code :et le css :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <div class="dropdown"> <button class="mainmenubtn">Catégories</button> <div class="dropdown-child"> <span class="gris9"><a href="test.php?dos=dossier1">dossier1</span></a> <span class="gris9"><a href="test.php?dos=dossier2">dossier2</span></a> <span class="gris9"><a href="test.php?dos=dossier3">dossier3</span></a> <span class="gris9"><a href="test.php?dos=dossier4">dossier4</span></a> </div> </div>Alors comment faire ?
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 .mainmenubtn { background-color: #000000; color: #B300B3; min-width: 210px; cursor: pointer; padding:10px; border: #999999; font-size: 15px; font-family: arial, verdana, sans-serif; } .mainmenubtn:hover { background-color: #B300B3; font-size: 15px; font-family: arial, verdana, sans-serif; color: #000000; border: #999999; } .dropdown { position: relative; display: inline-block; } .dropdown-child { display: none; background-color: #000000; font-size: 15px; font-family: arial, verdana, sans-serif; min-width: 200px; } .dropdown-child a { color: #B300B3; padding:3; font-size: 15px; font-family: arial, verdana, sans-serif; text-decoration: none; display: block; } .dropdown:hover .dropdown-child { display: block; } a:hover { font-family: arial, verdana, sans-serif; font-size: 15px; text-decoration: underline overline #B300B3; }
Partager