[CSS] comment faire pour qu'un <ul> n'ait pas de marge

Bonjour,
Dans mon fichier j'ai ceci

Code:

---

1 2 3 4

<ul> <li>tata</li> </ul>

---

et

Code:

---

1 2 3 4 5 6

li{ backgrond-image:url(plus.jpg); backgroud-repeat:no-reapeat; list-style-type:none; }

---

Quand on a un <ul> le <li> est decalé vers la droite.
Je dois gardé le <ul> et le <li>

Comment puis-je modifier mon css pour que le <ul> ne décale page le reste.

J'ai essayé

Code:

---

1 2 3

ul{padding-left:0px; }

---

mais ca chnage rien

merci

As tu essayer

Code:

---

1 2 3

ul{ margin-left:0px; }

---

si ce n'est pas ça (je ne sais jamais lequel c'est), c'est que la marge (ou le padding, je ne sais plus non plus) est sur le li.

Fait donc:

Code:

---

1 2 3 4 5 6 7 8

ul { margin-left:0px; padding-left:0px; } ul li { margin-left:0px; padding-left:0px; }

---

De cette manière, tu n'aura plus de marge sur aucun élément. Enleve ensuite ligne par ligne pour voir lequel fait effet.

merci merci, le premier c'était exactement ca

Ben non, ca marche que sous IE, pas sous FF et Safari

Il me semble que le décalage sous IE est une marge (margin-left) et sous les autres un padding (padding-left).

Théoriquement avec l'exemple complet donné plus haut, tout devrait disparaitre, non ?

oui pardom c'est moi la faute, merci

Citation:

---

Envoyé par GregPeck

Il me semble que le décalage sous IE est une marge (margin-left) et sous les autres un padding (padding-left).

---

C'est à cause de ce genre de différence que je considère qu'il est plus simple de commencer tout css par ceci:

Code:

---

1 2 3 4

* { margin: 0; padding:0; }

---

Ca peut paraître plus fastidieux car il te faudra alors définir les padding et les margin partout ou tu en as besoin, mais en contrepartie tu es maître de ton design et ca gomme une partie des différences que l'on peut observer entre les browsers.

NB: bien qu'il faille toujours indiquer les unités en css, la valeur 0 est justement l'exception. En effet, 0 kilomètre et 0 millimètre, quelque soit l'unité ca reste rien du tout... (mais ce n'est pas une erreur de la préciser)

J'ai exactement le même problème sauf que si je met margin et padding à 0 mes puces sortent de mon div (que ce soit sous IE ou FF) :

http://www.magnificat.com/magnificat...cais/index.asp

Une idée ?

Citation:

---

Envoyé par Oluha

J'ai exactement le même problème sauf que si je met margin et padding à 0 mes puces sortent de mon div (que ce soit sous IE ou FF) :

http://www.magnificat.com/magnificat...cais/index.asp

Une idée ?

---

Essai de jouer avec la propriété "list-style-position:inside", ce qui va mettre tes puces à l'intérieur du bloc.

c'est mieux en effet, merci !