Discussion :

[moimp]

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;
}