Discussion :

[wincroc]

Bonjour,
j'aimerai savoir comment faire pour avoir mes éléments <LI> non decalé par rapport a <ul>

Code :

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

1
2
3
4
5
6
 
ul {
	list-style-type:none;
	list-style-position:inside;
	border:2px solid black;
}

avec ce code le texte des <li> est decalé a droite par rapport a la bordure, pour rectifier je dois mettre :

Code :

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

1
2
3
4
 
li {
        margin-left: -40px;
}

n'y aurait il pas une autre solution ?

[Bisûnûrs]

Pour une solution cross-browser je te conseille de lire ça :

http://plambert.developpez.com/css-debutant/cours4.php

[wincroc]

j'ai lu le lien indiqué mais je ne vois rien en rapport avec mon probleme.
Je n'utilise pas d'image.
Je souhaite juste que ls texte indiqué dans <li> soit collé à la bordure du UL !

[Deallyra]

une autre solution...
Certainement oui mais plus simple là, je ne crois pas.
Quel est le problème avec ce margin?

[wincroc]

c'est juste que avec IE je n'ai pas besoin de préciser le margin-left : -40px;
alors que oui pour fireFox.
J'aurai aimé une solution pour les deux !

[Candygirl]

Code :

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

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

[wincroc]

Code :

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

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

parfait, ca marche !
merci beaucoup a vous tous !

[Bisûnûrs]

j'ai lu le lien indiqué mais je ne vois rien en rapport avec mon probleme.
Je n'utilise pas d'image.
Je souhaite juste que ls texte indiqué dans <li> soit collé à la bordure du UL !

Tu pouvais zapper la partie images du lien et ne prendre en compte que ce qu'il t'intéressait : l'alignement cross-browser.