Bonjour,
J'ai un problème : je n'arrive pas à supprimer l'espace en haut et en bas d'un bloc ul. J'ai pourtant les margin/padding à 0.
Voici le code :
html :
Et la CSS:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 <div id='haut'> Logo <br><br><br> </div> <div id='menu_haut'> <div class='spacer'> </div> <ul> <li><a href='#'>Voici</a></li> <li><a href='#'>Voila</a></li> </ul> <div class='spacer'> </div> </div>
Si je mets une taille au div menu_haut, sous mozilla l'espace en bas disparait (mais pas en haut) et sous IE nada.
Code : 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 #haut { background:blue; margin:0; padding:0; } #menu_haut { background:red; margin:0; padding:0; margin-bottom:100px; } #menu_haut a { background:orange; display:block; padding:10px; padding-right:10px; border-width:1px; border-style:solid; border-color:black; width:120px; } #menu_haut a:hover { background:green; } #menu_haut ul { background:green; display:block; padding:0; margin:0; } #menu_haut li { float:left; list-style-type:none; }
Comment faire ?
Merci de votre aide !
Partager