CSS et liste à puces

WRInaute accro
Je cherche à faire une liste à puces en CSS qui ai l'allure suivante :

|-blabla
| blabla
|-blibli
| blibli

Donc, les puces doivent être alignées au plus près du bord gauche de la page et le texte de chaque puce doit passer à la ligne en retrait. Avec les paramètres par défaut, les puces sont décalées sur la droite par rapport au bord de la page.

Une idée ?
 
WRInaute accro
Avec cà :

- IE ne met pas de puce
- Firefox met une puce
- IE est aligné sur le bord
- Firefox est aligné 15 pixels à gauche du bord

Une idée ?

Edit : sorry, il y avait un message plus haut mais il a disparu...

On me proposait donc de faire "padding-left:0px; margin-left:0px; dans ul et li .
 
WRInaute occasionnel
Bonjour,

En supposant que la liste soit de la forme :
Code:
<ul>
	<li>blabla</li>
	<li>blabla</li>
	<li>blibli</li>
	<li>blibli</li> 
</ul>

Il te suffit après d'utiliser le style suivant :
Code:
ul
{
	padding-left: 10px;
	margin-left: 0;
}
Sachant que si tu mets le padding à 0, il n'y aura pas de puce visible, car pas la place. Donc à toi de faire varier le padding pour afficher, ou non, les puces, et à la distance désirée du bord.
 
WRInaute passionné
Je crois CaYuS qu'il a deja essayé.
Edit : sorry, il y avait un message plus haut mais il a disparu...

On me proposait donc de faire "padding-left:0px; margin-left:0px; dans ul et li .

Edit: A mais peut etre que juste pour le ul cela change quelque chose.
DSL :wink:
 
WRInaute occasionnel
Et je crois Borower qu'il ne comprenait pas pourquoi Fx lui affichait une puce alors qu'IE non. Donc là je lui proposais une solution en lui expliquant le pourquoi du comment.
Enfin je pense... lui nous le dira :)
Sinon, désolé pour le message inutile.
 
Discussions similaires
Haut