28172 sujets

CSS et mise en forme, CSS3

[résolu] Imbrication li ul

Bonjour,

Je viens de constater que l'interprétation d'un block ul dans un block li n'est pas la même chez IE et FF (Gecko).

<!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" lang="fr">
  <head>
    <style>
    </style>
  </head>
  <body>
    <ul>
      <li>item 1</li>
      <li><ul>
        <li>item 1-1</li>
        <li>item 1-2</li>
      </ul></li>
      <li>item 2</li>
    </ul>
  </body>
</html>


Sans CSS associée, le résultat est nettement visible. Existe-t-il une règle CSS à associer pour que le résultat visuel soit "identique" ?

Merci.
Modifié par fabscanta (08 Apr 2008 - 11:30)
Bonsoir fabscanta,

Tu peux écrire différemment ton code html :


    <ul>
      <li>item 1</li>
	<ul>
		<li>item 1-1</li>
		<li>item 1-2</li>
	</ul>
      <li>item 2</li>
    </ul>


Est-ce que cela te donne le résultat attendu ?
Cdt,
Sylvain
6l20 a écrit :


Tu peux écrire différemment ton code html :


Faites chauffer le goudron et préparez les plumes... Smiley rolleyes
Salut fabscanta Smiley cligne ,

il me semble que ce serait plus logique de faire :
<ul>
	<li>item 1
		<ul>
			<li>item 1-1</li>
			<li>item 1-2</li>
		</ul>
	</li>
	<li>item 2</li>
</ul>

Sinon pour la différence de rendu c'est dans la FAQ...

A+
fabscanta a écrit :
Bonjour,
Sans CSS associée, le résultat est nettement visible. Existe-t-il une règle CSS à associer pour que le résultat visuel soit "identique" ?


Bonjour,

Probablement en définissant systématiquement margin et padding pour ul et li.

a écrit :
Faites chauffer le goudron et préparez les plumes... rolleyes

Suivant la température les brulures sont plus où moins douloureuses Smiley smile .

ul ne peut contenir que des li
Modifié par Igor (07 Apr 2008 - 21:35)
Laurent Denis a écrit :

Faites chauffer le goudron et préparez les plumes... Smiley rolleyes

Ah oui tiens j'm'a gourré, j'ai puni ? Smiley confused

Note pour moi même:
Ne pas interrompre trop tôt mon hibernage, ça m'évitera d'écrire trop vite des choses auxquelles je ne suis pas sensé penser... Smiley ohwell

Tain' sont intraitables les tauliers...je sais, c'est pour mon bien Smiley sweatdrop
Smiley cligne
Merci à tous,

Mon problème n'était pas vis-à-vis des margin/padding.

C'est Heyoan qui a la bonne réponse : je ne dois pas réouvrir de li alors que celui-ci contient lui-même une sous-arborescence.

En appliquant donc la bonne sémentique, le problème d'imbrication ne se pose plus.

Merci encore.
Sujet clos
Aller à