Aide - Recherche - Membres - Calendrier
Version complète : imbriquer <ol> et <ul>
Forum Développeur - Administration serveur, programmation et base de données > Programmation > xHTML et CSS
funkybobot
Bonjour,

j'aimerais faire des listes imbriquées (cf. image 1)
avec la première numéroté et l'autre simple.

j'ai essayé comme ceci :

PHP


En partenariat avec les ASSEDIC des Pays de la Loire, nous proposons d&egrave;s septembre,
plusieurs actions de formation dans les m&eacute;tiers du b&acirc;timent pour les demandeurs d&rsquo;emploi qui
per&ccedil;oivent l&rsquo;ARE :</p>
<ol>
<li>Pose de menuiseries PVC et aluminium en 10 semaines de formation :</li>
</ol>
<ul>
<li>&agrave; La Roche sur Yon (Vend&eacute;e) du 29 septembre au 10 d&eacute;cembre 2008,</li>
<li>au Mans (Sarthe) du 22 octobre 2008 au 13 janvier 2009.<br />
<br />
Contenu : technologie, lecture de plan, pose en atelier et sur chantiers, notions de<br />
domotique (motorisation de volets, de portes de garage&hellip;)&hellip;<br />
</li>
</ul>
<ol>
<li>Gros oeuvre : ma&ccedil;onnerie-limousinerie - chantier &eacute;cole &agrave; Sabl&eacute; sur Sarthe (72) :</li>
<ul>
<li>18 semaines de formation : du 27 octobre 2008 au 17 mars 2009,</li>
<li>chantier &eacute;cole : la pratique est r&eacute;alis&eacute;e en situation r&eacute;elle de chantier.</li>
</ul>
</ol>


mais çà donne pas ce que je veux. (cf. image 2)

merci de votre aide.
neolao

PHP

<ol>
<li>
test
<ul>
<li>hop</li>
</ul>
</li>
</ol>
funkybobot
Merci beaucoup j'ai réussi à trouver le problème.
c'est dream qui me faisait n'importe quoi, j'ai donc réécrit le code à la mano et çà fonctionne.

Merci encore !

icon_biggrin.gif
MarvinLeRouge
Salut,

Un ol (ou un ul) ne peut en aucun cas être le descendant direct d'un ul (ou d'un ol). Il doit être descendant d'un li de la liste parente.
Un ol (ou un ul) ne peut contenir que des li comme descendants directs.
funkybobot
Merci pour cette précision.

icon_surprised.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.
Invision Power Board © 2001-2008 Invision Power Services, Inc.