Hello !
Bon je cherche depuis un bon moment sur google et dans les forums dont celui-ci. certainement que je n'ai pas bien cherché, j'en suis désolé si jamais c'est le cas.
le probleme est trés basique connu certainement de ceux qui pratiquent le css depuis un moment. Je pratique aussi depuis un moment mais je n'avais jamais vraiment eu de soucis avec les UL et LI jusqu'à maintenant.
mon probleme est trés simple voilà le code :
et volà sur IE7 et sur FF cela que cela donne. je ne comprend pas...
sniff..
Je voulais faire un paragraphe avec des puce pour chaque nouvelle ligne et j'ai choisi les UL LI pour le faire. Car en le faisant avec les balises P et en mettant la puce en background ca marche aussi bien , mais si une phrase de pragraphe fait plus d'une ligne, il est impossbile de caler la puce en début de ligne, elle se positionne au milieu, même un vertical-align :top ou d'autre arguments ne changent rien .
- bref donc dejà si vous avez une solution pour savoir pourquoi une telle différence avec UL LI entre IE7 et FF
- et quelle solution est la meilleur pour faire un paragraphe avec une puce en début de chaque nouvelle phrase qui passe à la ligne
thanx a lot !!
Seb
Modifié par Igor (16 Nov 2007 - 19:05)
Bon je cherche depuis un bon moment sur google et dans les forums dont celui-ci. certainement que je n'ai pas bien cherché, j'en suis désolé si jamais c'est le cas.
le probleme est trés basique connu certainement de ceux qui pratiquent le css depuis un moment. Je pratique aussi depuis un moment mais je n'avais jamais vraiment eu de soucis avec les UL et LI jusqu'à maintenant.
mon probleme est trés simple voilà le code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr-ca" xml:lang="fr-ca" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<style type="text/css" >
ul {
padding: 0;
margin: 0;
width: 100px;}
li {
list-style:none;
padding: 0;
margin: 0;
display: block;
background: #eee;
width:100px;
height:20px;
font-size:10px;
font-family:Verdana;}
</style>
</head>
<body>
<ul>
<li>Section 1</li>
<li>Section 2</li>
<li>Section 3</li>
<li>Section 4</li>
<li>Section 5</li>
</ul>
</body>et volà sur IE7 et sur FF cela que cela donne. je ne comprend pas...
sniff..
Je voulais faire un paragraphe avec des puce pour chaque nouvelle ligne et j'ai choisi les UL LI pour le faire. Car en le faisant avec les balises P et en mettant la puce en background ca marche aussi bien , mais si une phrase de pragraphe fait plus d'une ligne, il est impossbile de caler la puce en début de ligne, elle se positionne au milieu, même un vertical-align :top ou d'autre arguments ne changent rien .
- bref donc dejà si vous avez une solution pour savoir pourquoi une telle différence avec UL LI entre IE7 et FF
- et quelle solution est la meilleur pour faire un paragraphe avec une puce en début de chaque nouvelle phrase qui passe à la ligne
thanx a lot !!
Seb
Modifié par Igor (16 Nov 2007 - 19:05)
