CSS et liste à puces

[ecocentric]

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 ?

[ecocentric]

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 .

[Borower]

J'utilise:

Code: Tout sélectionner

ul{display:block;margin:0px;}
li{display:block;margin:0px;}

[CaYuS]

Bonjour,

En supposant que la liste soit de la forme :

Code: Tout sélectionner

<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: Tout sélectionner

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.

[Borower]

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

[CaYuS]

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.