Résolu [CSS] Problème de list - display inline

Résolu [CSS] Problème de list - display inline - HTML/CSS - Programmation

Marsh Posté le 12-10-2004 à 14:41:41    

Bonjour j'utilise cette feuille de style
 
 
body{
 background-color: Blue;
}
 
ul{
 padding:0;
 margin:0;
 border:0;
}
li{
 display: inline;
 background-color: Lime;
 padding:0;
 margin:0;
 border:0;
 
}
 
avec ce simple code
 
<body>
<ul>
<li>menu1</li>
<li>menu2</li>
<li>menu3</li>
</ul>
</body>
 
et j'obtiens ça sous IE http://www.art-textile.ch/list2.png et ça sous Firefox http://www.art-textile.ch/list1.png
 
Je ne comprends pas pourquoi il me fait cet espace que je ne désire pas !
 
Est-ce que qqn aurait une soluce ?


Message édité par Noisequik le 13-10-2004 à 08:38:48
Reply

Marsh Posté le 12-10-2004 à 14:41:41   

Reply

Marsh Posté le 13-10-2004 à 01:49:05    

<body>  
<ul>  
<li>menu1</li><li>menu2</li><li>menu3</li>  
</ul>  
</body>  
 
Ne mets pas de retour chariot :)
 
Considère que tes elements sont en ligne. Donc il ne faut pas les faire retourner à la ligne, mais les laisser tels que tu le voudrais, c'est-à-dire sur la même ligne.
 
 

Reply

Marsh Posté le 13-10-2004 à 08:38:24    

Ah oui c'est exactement ça !!!
 
Merci pour le tuyau !!!! Je savais pas que les espaces en dehors des balises avaient de l'importance !!!!!
 
 
La seule solution que j'avais trouvé c'était de mettre un margin-left à -4px  :lol:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed