[HTML/CSS] Espace sur les liste

Salut.

En réalité il est impossible de changer concrètement la distance en la puce et le texte qui lui est associé.

Parcontre tu peux essayer le style list-style-position que tu mettras en inside ou en outside.

Il existe aussi un contournement de ce problème. En gros tu met une puce personnalisée en background de ton <li> :

.mon_li {
list-style: none;
background: url("mapuce.gif");
background-repeat: no-repeat;
background-position: 2px 2px; /* La première valeur est celle des x et la deuxième celle des y (ou vice-versa) */
padding: 2px;
}

En modifiant la position de ton background (ta puce) et le padding de ton <li>, tu pourras obtenir exactement le même effet d'une puce avant le texte. Et là au moins tu pourras la placer exactement où tu veux.

Voili voilou!

Hmm bof, les marges négatives ne sont pas conseillés du tout.

<style type="text/css">
li
{
margin:0px (ou le nombre que tu veux)
}
</style>

<ul>
<li>ligne 1</li>
<li>ligne 2</li>
</ul>

Devrait suffire.

J'ai le même problème ce n'est pas possible ?

Il suffit de changer la valeur de left :

<style type="text/css">
li span
{
position: relative;
left: -5px;
}
</style>

<ul>
<li><span>ligne 1</span></li>
<li><span>ligne 2</span></li>
</ul>