5568 sujets

Sémantique web et HTML

Bonjour à tous,

J'ai un petit soucis, j'ai remarqué que depuis que je suis en xhtml les listes imbriqués dans d'autre listes (organisées ou pas), deviennent de plus en plus petite (taille de font) au fur et à mesure qu'on s'enfonse dans l'arborescence !

Comment remedier à ca ? Smiley sweatdrop
Modifié le 08 Dec 2004 - 10:17
Administrateur
Tes polices sont certainement en "em" ou "%" donc se réfèrent à la police du parent (et ainsi de suite)

Ex :
<ul>
<li>...</li>
</ul>


Si tu as un :
ul {font-size : 80%}
li {font-size : 80%}

Alors la taille dans <li> sera à 80% par rapport à 80%, donc 64%.
Si tu veux avoir 80% du document pour <ul> et <li>, il faut compenser :
ul {font-size : 80%}
li {font-size : 125%} // environ


Voir cet article qui en parle :
http://www.alsacreations.com/articles/heritage/
Une variante que j'utilise régulièrement:

ul{font-size:80%;}
li li{font-size:120%;}

et 

<ul>
      <li>item</li>
      <li>item
           <ul>
                <li>item</li>
                <li>item</li>
           </ul>
      </li>    
      <li>item</li>
      <li>item</li>
</ul>
Administrateur
N'oublie pas, si le problème est réglé, d'éditer ton titre en y rajoutant un [Résolu] Smiley cligne