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

[Archimède]

Pour coller à ton image seulement, j'ai épuré ton code. :

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
body{
    margin:0;
    padding:0;
}
nav{
    padding: 5px;
    background-color: #A1CAEF;
    width: 140px;
}        
ul {
    font-size:.9em;
    background-color: #ddd;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #666; 
}
li
{
    margin: 0;
    padding: 4px 8px;
    border: 1px solid #666;
    border-bottom: none;
    list-style: none;
    text-align: center;
}

[moimp]

Merci !