28172 sujets

CSS et mise en forme, CSS3

Ol li - ou sont passé les chiffres?

Bonjour je voudrais avoir un liste décimal sur 3 colonnes.
Je ne comprends pas pourquoi IE ne fait pas apparaitre les chiffres lorsque le li est en float:left.

J'ai essayé de modifier le padding, list-style-position et tous pleins de trucs mais sans succès. Vous avez-déjà eu un problème semblable?


<style type="text/css">
ol {width:500px;}
ol li {float:left; width:150px;}
</style>

<ol>
<li><a href="#">list item</a></li>
<li><a href="#">list item</a></li>
<li><a href="#">list item</a></li>
<li><a href="#">list item</a></li>
<li><a href="#">list item</a></li>
<li><a href="#">list item</a></li>
</ol>
Administrateur
Bonjour,

dans le 2ème cas c'est l'instruction
zoom: 1;

à tester sur ol ou li ou ... jusqu'à ce que ça réapparaisse Smiley smile Elle confère le fameux hasLayout à IE6 (et IE7 quand c'est lui qui bugge)
Dans le 1er cas, je n'ai malheureusement pas le temps de tester (quel Doctype d'ailleurs? Colle ta page de test entière, ça doit pas être beaucoup plus long que ce que tu viens d'écrire Smiley cligne )

EDIT pour dew: stoo!
Modifié par Felipe (22 Jan 2009 - 17:23)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>test</title>

<style type="text/css">
ol {width:500px; zoom:1}
ol li {float:left; width:150px; zoom:1}
</style>

 </head>

 <body>
  


<ol>
<li><a href="#">list item</a></li>
<li><a href="#">list item</a></li>
<li><a href="#">list item</a></li>
<li><a href="#">list item</a></li>
<li><a href="#">list item</a></li>
<li><a href="#">list item</a></li>
</ol>


 </body>
</html>


Ca pas l'air de fonctionner avec le zoom.
Sujet clos
Aller à