espace et liste

**oceane751** · 08/02/2009, 19h43

bonjour à tous

je débute en xhtml/css et je bute sur un truc

j'ai une liste issue d'une boucle (spip) que voici

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
 
<body id=site>
<div id=gauche>
coucou
</div>
<div id=droit>
<BOUCLE_article(ARTICLES){tout}>
<ul class=contenu>
	<li>#TITRE</li>
</ul>
</BOUCLE_article>
 
</div>
<div id=dessous>
hey hey
</div>
 
 
</body>

mais le hic est que, dans ma div id=droit, et notament dans mon <ul><li>, les titres sont tous précédés d'un espace et je ne vois pas à quoi ceci est il du

voici le 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
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
 
#site {
	width:1000px;
	background-color:#03C;
 
 
}
 
 
#gauche {
	background-color: #f6f6b8;
position: relative; 
padding: 10px; 
margin-top: 10px; 
width: 25%; 
float: left; 
}
 
#droit {
	background-color: #c9ebe3;
position: relative; 
padding: 10px; 
margin-top: 10px; 
width: 70%; 
float: left; 
margin-left: 10px; 
margin-bottom: 10px; 
 
}
 
#dessous {
	width:100%;
	background-color:#F3F;
}
 
ul.contenu {
 
	list-style-type:none;
 
 
 
}
 
ul.contenu li{
 
	list-style-type:none;
	padding:opx;
	margin:0px;
}

j'espère avoir été clair...

d'ailleur j'ai le même soucis avec ma div id=gauche mais pas avec ma div id=dessous

quelqu'un pourrait il m'aider?

merci beaucoup !

**Macmillenium** · 08/02/2009, 20h25

Bonjour,

C'est un comportement standard, les feuilles de styles par défaut (qui différent d'un navigateur à l'autre) appliquent une marge sur les listes à puces.
Tu peux faire un reset

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
ul.contenu {	
padding:0;
margin:0;       
list-style-type:none;
}

Par contre :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
ul.contenu li{
	
	list-style-type:none;
	padding:opx;
	margin:0px;
}

C'est plutôt 0 non ?

**oceane751** · 08/02/2009, 20h33

oauis ché pas pourquoi j'ai mis un "o" va savoir

là c'est ok
donc si dans une liste il y a quand meme un petit espace avant c'est normal?

**oceane751** · 08/02/2009, 20h43

oups désolé
c'est bon en fait

merci beaucoup
Résolu!!

espace et liste [CSS 3]

CSS

Discussions similaires

Partager

Partager