Impossible de supprimer un espace [Résolu]

[sebasti1-88]

Bonjour,
pour bien comprendre voici une image en pièce jointe.

Donc le soucis c'est que j'i un menu vertical, mais je n'arrive pas a ce qu'il prenne toute la largeur du menu.
Voila mon code css :

Code :

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
 
#menu
{
	width: 16%;
	float: left;
 
}
 
.sous_menu_nav
{
	padding: 0px;
	margin-top: 20px;
	background-color: #ffffff;
	color: #F7E444;
	border-left: 3px solid #48B7A9;
}
 
#navigation li 
{
	background: #E0F5F7 ;
	color: #48B7A9 ;
	/*border: 1px solid #48B7A9 ;*/
	margin: 1px ;
	text-decoration: none ;
	list-style-type:none;
    padding:0;  /*Pas besoin d'unité pour 0*/
}
 
#navigation li a 
{
	display: block ;
	background: #E0F5F7 url("images/vert-one_arrow.gif") no-repeat 0 9px;
	color: #48B7A9 ;
	line-height: 1em ;
	text-decoration: none ;
	padding: 4px 0 ;
	font-style: normal;
}
 
#navigation li a:hover, #navigation li a:focus, #navigation li a:active 
{
	color: #ffffff;
	background: #59A6AF ;
	text-decoration: none ;
}

mon code html :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div id="menu">
		<div class="sous_menu_nav">
			<ul  id="navigation">
				<li><a href="#">Accueil</a></li>
				<li><a href="#">Mon parcours</a></li>
				<li><a href="#">Les dons</a></li>
				<li><a href="#">Les premiers secours</a></li>
				<li><a href="#">Le forum</a></li>
				<li><a href="#">La boutique</a></li>
				<li><a href="#">Me contacter</a></li>
			</ul>
		</div>
</div>

merci de votre aide

[David55]

Bonjour,

Ajoute ceci dans ton css:

Code :

1
2
3
4
5
6
 
 
 ul{
 margin-left:0px;
 padding-left:0px;
 }

[Pauloscorps]

Une bonne pratique à prendre en ce qui concerne l'intégration, c'est de faire une règle générale au tout début de ton document CSS de la façon suivante :

Code :

1
2
3
4
5
 
* {
     padding:0;
     margin:0;
}

Ainsi toutes tes propriétés prendront ces valeurs par défaut. Bien entendu, si tu souhaite ajouter un padding à l'une de tes propriétés, elle écrasera la règle générale précédemment établie.

Deuxième chose, pour les problèmes d'espace, je te conseille d'analyser ton code avec Firebug, si et surtout s'il est généré automatiquement (il y a de grande chances que tu ai des balises <p></p> vides, etc.).

Enfin, vérifie ton encodage. Si tu as choisi un encodage en UTF-8, il est préférable de choisir l'option UTF-8 Sans BOM, car l'encodage UTF-8 simple ajoute des espaces (bien souvent en début de document).

Bref, teste et dis nous si la solution de David55 fonctionne dans ton cas

Pauline.

[David55]

Ma solution est censé fonctionné car j'ai testé avec son code

Sinon très bon résumé Pauline

[sebasti1-88]

merci,

la solution de david55 fonctionne.
J'ai créé un ul_nav spécifique pour ce menu et tout fonctionne correctement.

[Pauloscorps]

Super alors .
Dorénavant, essaie de penser à la règle générale dont je t'ai parlé, ca t'évitera de multiples problèmes de ce genre .