[CSS] Comment faire une liste à puces horizontale

Marsh Posté le 27-08-2004 à 03:06:23

salut

je cherche à faire une liste à puces horizontale

Code :

css :
#test {
list-style-type:disc;
height:100px;
}
#test li {
display: list-item;
float: left;
margin-left:20px; /* Pour espacer les items entre eux */
margin-right:20px;
}
html :
<ul id="test">
<li><a href="#">J'en</a></li>
<li><a href="#">Bave</a></li>
<li><a href="#">Des</a></li>
<li><a href="#">Ronds</a></li>
<li><a href="#">De chapeaux</a></li>
</ul>

sous firefox, j'ai une jolie liste à puces horizontale
sous ie, j'ai liste, jolie, certes, mais sans puces.

si je mets display: inline; dans #test li, je me gratte la tête mais aucun des navigateurs susnommés n'affiche de puce :??:

1. pourquoi ? :pt1cable:
2. est-ce possible d'y arriver ? (sans trop bricoler, et sans images bien sûr)
3. si 2 alors comment ?

en plus, c'est juste pour voir parce que je sais pas si ça me plaît mais j'aimerais bien capter

merci