[résolu]Liste imbriquée dans une liste : où fermer </li> ?

Bonjour,

J'essaie de réaliser un menu vertical déroulant avec le tuto associé http://www.alsacreations.com/tuto/lire/603-Creer-un-menu-accordeon-avec-jQuery.html

Le menu que je souhaite réaliser est un peu plus complexe puisqu'il qu'il contient des sous-menus dans les sous-menus de cette manière :

<ul class="navigation">
		<li>Menu 1
           	<ul>
            	<li>sous-menu 1.1</li>                	
                    <ul>
                    	<li>sous-sous-menu 1.1.1</li>
                        <li>sous-sous-menu 1.1.2</li>
                        <li>sous-sous-menu 1.1.3</li>
                    </ul>
                                        
                <li>sous-menu 1.2                	
                    <ul>
                    	<li>sous-sous-menu 1.2.1</li>
                        <li>sous-sous-menu 1.2.2</li>
                        <li>sous-sous-menu 1.2.3</li>
                    </ul>
                </li>                        
                <li>sous-menu 1.3                	
                    <ul>
                    	<li>sous-sous-menu 1.3.1</li>
                        <li>sous-sous-menu 1.3.2</li>
                        <li>sous-sous-menu 1.3.3</li>
                    </ul>
                </li>    
              </ul>        
          </li>                          
                        
		<li>Menu 2      
            <ul>
            	<li>sous-menu 2.1</li>
                <li>sous-menu 2.2</li>
                <li>sous-menu 2.3</li>
            </ul> 
        </li>              
		<li>Menu 3</li>
</ul>

Ma question est la suivante :
dans des listes imbriquées, où doit-on fermer la balise <li> ?
- juste après son ouverture ? (comme le sous-menu 1.1)
- après l'énumération de la liste "enfant" ? (comme le sous-menu 1.2)

C'est très bête comme question, mais je n'ai pas trouvé la réponse pour le moment.
Merci donc à toute personne qui pourra éclairer ma lanterne.

Je voudrais en profiter pour poser une question supplémentaire. L'illustration n'apparaît pas encore dans mon code, car je veux avancer étape par étape, mais c'est une question que je me pose également.
Dans le tutorial, les Item 2 et 3 ne sont pas des liens. Peuvent-ils le devenir sans que cela entraine de complications pour le menu déroulant ?

Merci d'avance pour vos réponses.
Modifié par Syrinx (24 Sep 2009 - 22:21)

Les <ul> ne peuvent contenir QUE des <li> et pas d'autres <ul>. Par contre les <li> peuvent contenir pas mal d'élément (hx, p, etc) et donc des <ul>.

Donc un menu se fait comme ceci :

<ul>
  <li>menu 1
    <ul>
      <li>menu 1.1</li>
      <li>menu 1.2</li>
    </ul>
  </li>
  <li>menu 2
    <ul>
      <li>menu 2.1</li>
    </ul>
  </li>
</ul>

Modifié par Patidou (24 Sep 2009 - 12:35)

Merci beaucoup pour cette réponse : cela m'a bien aidée à mettre de l'ordre dans mon menu et je comprends mieux l'implication des blocks.

A tout hasard, quelqu'un aurait-il une réponse à la deuxième question ?

Merci d'avance.
Modifié par Syrinx (24 Sep 2009 - 18:16)

Salut,

Je crois que ce n'est pas possible, vu que le lien sert à déplier le sous menu.

C'est bien ce qu'il me semblait... Et c'est bien ce qui m'embête.

Bon, je vais essayer de me creuser la tête pour trouver une autre solution.

Merci quand même.