Je n'arrive pas à régler les marges et les bordures de mon menu.
Je voudrais supprimer ou réduire l'espace vide de gauche et fermer complètement la bordure inférieure.
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <nav> <ul> <li><a href="index.php">Accueil</a></li> <li><a href="gamme.php">La gamme</a></li> <li><a href="contact.php">Contact</a></li> <li><a href="cgu_fr.php">Conditions d'utilisation</a></li> <li><a href="auteur.php">L'auteur</a></li> <li><a href="setup.php">Réglages</a></li> </ul> </nav>
Dans le cas actuel, je n'utilise qu'un niveau mais le CSS est standard et prévu pour 3 niveaux.
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
46
47
48
49 nav { width:140px; margin:0; font-size:.9em; } nav ul { margin: 0; border: 1px solid #666; border-bottom: none; } nav ul ul, nav ul ul ul { width: 175px; border: 1px solid #666; border-bottom: none; position: absolute; top: -1px; left:118px; display: none; z-index:15; } nav ul li, nav ul li ul li, nav ul li ul li ul li { position: relative; list-style: none; border-bottom: 1px solid #666; height: auto; line-height: 20px; } nav li a { text-decoration: none; padding: 4px 8px; display: block; width: auto; height: 100%; line-height: 20px; } nav ul.col1 li.smenu:hover ul.col2, nav ul.col2 li.smenu:hover ul.col3 { display: block; } nav ul, nav ul ul, nav ul ul ul { background-color: #ddd; }
Partager