Aidez-moi svp menu vertical fixe avec sous-menus

Bonjour à tous,

Je cherche à créer un menu vertical avec ces sous-menus.

Je ne souhaite pas qu'il soit déroulant mais fixe en affichage direct.

J'ai déjà créée un menu vertical simple mais je ne sais pas comment je peux ajouter des sous-menus
Voici le site internet http://www.electinfoservice.com
Merci d'avance.

Cordialement,

Elect' Info Service

Bonjour,

Pour rajouter des sous-menu, tu insère le code des "boutons" entre les titres de sections et tu leur attribue une classe spécifique ("sousmenu" par exemple).

Par contre attention :

<ul id="menu-verticale-gauche">
  <a href="spip.php?rubrique1">Accueil</a>
  <a href="spip.php?rubrique2">Contact</a>
</ul>

Il ne suffit pas de déclarer une liste (ul) pour que la liste se forme. Il faut utiliser <li></li> pour baliser chaque élément de la liste.

Dans ton cas, tu devrais te retrouver avec :

<ul id="menu-verticale-gauche">
  <li><a href="spip.php?rubrique1">Accueil</a></li>
  <li class="sousmenu"><a href="#">Sous-menu d'Accueil</a></li>
  <li class="sousmenu"><a href="#">Sous-menu d'Accueil</a></li>
  <li class="sousmenu"><a href="#">Sous-menu d'Accueil</a></li>
  <li><a href="spip.php?rubrique2">Contact</a></li>
  <li class="sousmenu"><a href="#">Sous-menu de Contact</a></li>
  <li class="sousmenu"><a href="#">Sous-menu de Contact</a></li>
</ul>

Ou, si tu choisi d'imbriquer les listes :

<ul id="menu-verticale-gauche">
  <li><a href="spip.php?rubrique1">Accueil</a>
    <ul class="sousmenu">
      <li class="sousmenu"><a href="#">Sous-menu d'Accueil</a></li>
      <li class="sousmenu"><a href="#">Sous-menu d'Accueil</a></li>
      <li class="sousmenu"><a href="#">Sous-menu d'Accueil</a></li>
    </ul>
  </li>
  <li><a href="spip.php?rubrique2">Contact</a>
    <ul class="sousmenu">
      <li class="sousmenu"><a href="#">Sous-menu de Contact</a></li>
      <li class="sousmenu"><a href="#">Sous-menu de Contact</a></li>
      <li class="sousmenu"><a href="#">Sous-menu de Contact</a></li>
    </ul>
  </li>
</ul>

bonjour,

voici le code que j'ai mis :

    <ul id="menu-verticale-gauche">
   			<ul class="sous-menu">
    				<BOUCLE_menu(RUBRIQUES)>
		 			<a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]</a>
					</BOUCLE_menu>
			</ul>
	</ul>
  

Est ce que c'est bon pour la classe sous menu

Merci

à priori, non.

Je ne suis pas experte en SPIP mais là ton code va générer :

<ul id="menu-verticale-gauche">
  <ul class="sous-menu">
    <a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]</a>
  </ul>
</ul>

Problèmes :
* <ul> ne peut contenir que des <li>. Là le premier contient <ul>. Ce n'est pas valide
* Tous des liens seront des sous menus
* Il n'y a toujours pas d'élément <li>

Bonjour,

Merci de ta réponse.

Je croyais que les

<li>

servait que pour les puces dans le css.

Cordialement,

Elect' Info Service

Une bonne révision d'HTML s'impose donc...

bonsoir,

Merci beaucoup pour tes réponses.

Je te tiens au courant dès que ça fonctionne.

Cordialement,

voici la boucle pour info :

    <B_secteurs>
    <ul id="menu-verticale-gauche">
        <BOUCLE_secteurs(RUBRIQUES) {racine}>
        
      <li>
      <a href="#URL_RUBRIQUE"</a>
            <!-- affichage des sous-rubriques -->
            <B_rubriques>
                <ul class="rubriques">
                    <BOUCLE_rubriques(RUBRIQUES) {id_parent} >
                    <li >
                <a href="#URL_RUBRIQUE" </a>

                    <!-- on refait tourner la boucle pour les sous-sous...-rubriques -->
                    <BOUCLE_sous_rubriques(BOUCLE_rubriques)></BOUCLE_sous_rubriques>
                    </li>
                    </BOUCLE_rubriques>
                </ul>
            </B_rubriques>
        </li>
        </ul>
        </BOUCLE_secteurs>
        

Merci

Cordialement

Ta boucle génère un code invalide : tu oublies notamment le chevron droit des balises d'ouverture <a>. Corrige comme suit :

<B_secteurs>
  <ul id="menu-verticale-gauche">
    <BOUCLE_secteurs(RUBRIQUES) {racine}>
      <li>
        <a href="#URL_RUBRIQUE">#TITRE</a>
        <B_rubriques>
          <ul class="rubriques">
            <BOUCLE_rubriques(RUBRIQUES) {id_parent}>
              <li>
                <a href="#URL_RUBRIQUE">#TITRE</a>
                <BOUCLE_sous_rubriques(BOUCLE_rubriques)></BOUCLE_sous_rubriques>
              </li>
            </BOUCLE_rubriques>
          </ul>
        </B_rubriques>
      </li>
    </BOUCLE_secteurs>
  </ul>
</B_secteurs>