Discussion :

[pierrot10]

Bonjour,
Dans mon fichier j'ai ceci

Code :

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

1
2
3
4
 
<ul>
<li>tata</li>
</ul>

et

Code :

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

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 :

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

1
2
3
 
ul{padding-left:0px;
}

mais ca chnage rien

merci

[GregPeck]

As tu essayer

Code :

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

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 :

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

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.

[pierrot10]

merci merci, le premier c'était exactement ca

[pierrot10]

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

[GregPeck]

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 ?

[pierrot10]

oui pardom c'est moi la faute, merci

[MasterOfChakhaL]

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 :

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

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)

[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 ?

[GregPeck]

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.

[Oluha]

c'est mieux en effet, merci !