liste horizontale non ordonnée

Je peux le faire en 5 secondes avec une table mais j'essaie de l'éviter en utilisant CSS, semble bien en FF mais le problème est qu'il ne fonctionne pas dans IE (le second li apparaît sous le premier li)liste horizontale non ordonnée

<ul style="list-style-type:none; margin:0px; padding:0px"> 
    <li style="width:120px; display:table-cell; padding: 1px;"><?=$m['make']?></li> 
    <li style="width:30px; display:table-cell; padding: 1px;"><input id="changemanufacturer" type="checkbox"></li> 
</ul>

Source

2011-03-16 jim smith

Si vous utilisez IE7 ou IE8, assurez-vous que votre DOCTYPE est présent afin qu'il ne soit pas rendu en mode quirks.

Utilisation de la HTML4 stricte ou HTML5 DOCTYPES a fonctionné pour moi dans IE8

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<body> 
    <ul style="list-style-type:none; margin:0px; padding:0px"> 
     <li style="width:120px; display:table-cell; padding:1px;">asdf</li> 
     <li style="width:30px; display:table-cell; padding: 1px;"> 
     <input id="changemanufacturer" type="checkbox"> 
     </li> 
    </ul> 
</body> 
</html>

HTML5: <!DOCTYPE html>

Source

2011-03-16 18:05:50 foson

Ne pas utiliser de cellule de tableau. Faire:

<li style="width:120px; display:inline; float:left;">Boo!</li>

Bien sûr, vous devriez avoir votre CSS externe mais je suppose que c'est juste pour simplifier la question.

Source

2011-03-16 17:45:23

Il est l'affichage: en ligne qui est votre ami. –

liste horizontale non ordonnée

Répondre

Questions connexes