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 ?
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
---------------
di. / www.diredaredare.org - Ailes de la ville