Discussion :

[quidam66]

Bonjour

J'aimerais savoir si il est possible, via CSS, d'enlever l'espace qui est automatiquement attribué aux lignes (<li>) d'une liste (<ul>).

j'ai une boite <div> qui contien une liste <ul> mais lorsque je place des éléments dans ma liste, le browser met un espace devant chaque ligne de ma liste. En css j'ai essayer de placer mes lignes à gauche au max mais rien à faire, position:absolute ne sert à rien non plus. Au secours!!!

Merci

quidam66

[MasterOfChakhaL]

tu peux mettre:

Code :

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

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

j'indique les deux propriétés car, selon le navigateur utilisé, c'est l'une ou l'autre de ces propriétés qui peut être utilisé pour réserver l'espace en début d'item de liste.

[quidam66]

Désolé, mais ça ne fonctionne pas avec les margin-padding

quidam66

[balu]

Mets plutôt ces styles sur la balise ul ou les deux.

Code :

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

1
2
3
4
ul {
  margin: 0;
  padding: 0;
}

OU

Code :

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

1
2
3
4
ul,li {
  margin: 0;
  padding: 0;
}