[HTML/CSS] Espace sur les liste
Fermé
GallyNet
Messages postés
434
Date d'inscription
mardi 1 juin 2004
Statut
Membre
Dernière intervention
15 décembre 2008
-
31 mars 2005 à 15:22
alexgille - 10 août 2010 à 11:59
alexgille - 10 août 2010 à 11:59
A voir également:
- Espace entre li css
- Espace insécable word - Guide
- Comment liberer de l'espace sur gmail - Guide
- Espace de stockage google - Guide
- En informatique, les informations sont codées par des 0 et des 1, appelés bits. un bit correspond à un espace mémoire. parmi les séquences ci-dessous, lesquelles occupent le moins d'espace en mémoire ? - Forum Programmation
- Espace insécable google doc - Forum Google Docs
4 réponses
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!
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.
<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.
Enax
Messages postés
203
Date d'inscription
lundi 11 février 2008
Statut
Membre
Dernière intervention
16 mars 2010
145
15 févr. 2008 à 16:22
15 févr. 2008 à 16:22
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>
Passarinho44
Messages postés
963
Date d'inscription
mercredi 28 mai 2008
Statut
Contributeur
Dernière intervention
13 juin 2012
132
>
yoh101
7 août 2009 à 16:10
7 août 2009 à 16:10
Tu as détéré un sujet d'un an et demi mais c'est gentil de préciser ^^