Problème préparation menu déroulant

Résolu
Bonjour,

je m'apprête à faire un menu déroulant, voici la compo de mon menu :
<?php
// Fichier menu.php
include_once('functions/membre.func.php');

 $nombre_membre = nombre_membre();
 $nb_membre = ($nombre_membre > 1) ? $nombre_membre ." membres" : $nombre_membre ." membre";
 
?>
<div class='menu'>
    <ul>
     <li><a href="index.php?page=membre">Accueil</a></li>
     <li><a href="index.php?page=update">Changer vos informations</a></li>
     <li><a href="index.php?page=liste_membre">les membres</a></li>
     <li><a href="index.php?page=amis">Vos amis</a></li>
 
     <li>
        <a href="index.php?page=invitations">Invitations</a>
               <?php if(!function_exists('afficher_ibi_invitations')){
                  echo "<br> Erreur : La fonction afficher_ibi_invitations() n'existe pas !";
                }else{
                 $ibi = afficher_ibi_invitations();
                 if($ibi !== '0') {
                 //echo "<div class='ibi_invitations'>
                      echo "<p class='ibi_invitations'>".$ibi."</p>";
                  //   </div>";
                 }  
                 }?>
        </li>
        <li>
                <a href="index.php?page=conversations">Messages</a>
                <?php
                if(!function_exists('afficher_ibi_messages')){
                echo "<br> Erreur : La fonction afficher_ibi_messages() n'existe pas !";
                }else{
                $ibi = afficher_ibi_messages();
                if($ibi != '0') {
                //echo "<div class='ibi_messages'>".$ibi."</div>";
                 echo $ibi;
                 }  
                 }
                  ?>
        </li>

<li class="nbr"><?php echo $nb_membre;?></li>
   </ul>
   
   
</div>

<div class="menu2">
        <ul> 
	        <li>
			<a href='#'>Espace Playsation® 4</a></li>
			<ul>
			  <li><a href='#'>Chat général</a></li>
			  <li><a href='#'>Forum</a></li>
			  <li><a href='#'>Scores</a></li>
			</ul>
			</li>
			
		</ul>	
			<ul> 
	        <li>
			<a href='#'>Espace Xbox One</a></li>
			<ul>
			  <li><a href='#'>Chat général</a></li>
			  <li><a href='#'>Forum</a></li>
			  <li><a href='#'>Scores</a></li>
			</ul>
			</li>
			
		</ul>	
			<ul> 
	        <li>
			<a href='#'>Espace Wii U</a></li>
			<ul>
			  <li><a href='#'>Chat général</a></li>
			  <li><a href='#'>Forum</a></li>
			  <li><a href='#'>Scores</a></li>
			</ul>
			</li>
			
		</ul>	
			<<ul> 
	        <li>
			<a href='#'>Espace 3DS</a></li>
			<ul>
			  <li><a href='#'>Chat général</a></li>
			  <li><a href='#'>Forum</a></li>
			  <li><a href='#'>Scores</a></li>
			</ul>
			</li>
			
		</ul>	
			<ul> 
	        <li>
			<a href='#'>Espace PS Vita</a></li>
			<ul>
			  <li><a href='#'>Chat général</a></li>
			  <li><a href='#'>Forum</a></li>
			  <li><a href='#'>Scores</a></li>
			</ul>
			</li>
			
		</ul>	
			<ul> 
	        <li>
			<a href='#'>Espace jeu mobile</a></li>
			<ul>
			  <li><a href='#'>Chat général</a></li>
			  <li><a href='#'>Forum</a></li>
			  <li><a href='#'>Scores</a></li>
			</ul>
			</li>
			
		</ul>	
			<li><a href='#'>Espace Youtubeurs</a></li>
			<li><a href='#'>Charte</a></li>
			<li><a href='#'>A propos de localhost.fr</a></li>
	 
        </ul>   
 	
</div>


Ce qui me donne :


or dans le tuto que je suis, il obtient :


Est-ce normal ? dois je créer un autre fichier "menu2.php" ??

Merci d'avance :)

5 réponses

  1. Tu as un </li> qui traine dans chaque bloc (ou un <li> qui manque à chaque fois au choix).
    Je pense que tu devrais relire tes blocs ul li avec une meilleur indentation (après peut-être que c'est le copier coller sur le forum qui t'a tout déréglé je ne sais pas) et voir si tu n'a pas un css qui te les affiche en ligne comme ça.
    0
    1. Sur ton image à la fin de la première ligne tu as un < qui flotte, c'est qu'il est quelque part en trop dans le html
      0
  2. Correction :
    <div class="menu2">
            <ul> 
    	        <li>
    			<a href='#'>Espace Playsation® 4</a>
    			<ul>
    			  <li><a href='#'>Chat général</a></li>
    			  <li><a href='#'>Forum</a></li>
    			  <li><a href='#'>Scores</a></li>
    			</ul>
    			</li>
    			
    		</ul>	
    			<ul> 
    	        <li>
    			<a href='#'>Espace Xbox One</a>
    			<ul>
    			  <li><a href='#'>Chat général</a></li>
    			  <li><a href='#'>Forum</a></li>
    			  <li><a href='#'>Scores</a></li>
    			</ul>
    			</li>
    			
    		</ul>	
    			<ul> 
    	        <li>
    			<a href='#'>Espace Wii U</a>
    			<ul>
    			  <li><a href='#'>Chat général</a></li>
    			  <li><a href='#'>Forum</a></li>
    			  <li><a href='#'>Scores</a></li>
    			</ul>
    			</li>
    			
    		</ul>	
    			<<ul> 
    	        <li>
    			<a href='#'>Espace 3DS</a>
    			<ul>
    			  <li><a href='#'>Chat général</a></li>
    			  <li><a href='#'>Forum</a></li>
    			  <li><a href='#'>Scores</a></li>
    			</ul>
    			</li>
    			
    		</ul>	
    			<ul> 
    	        <li>
    			<a href='#'>Espace PS Vita</a>
    			<ul>
    			  <li><a href='#'>Chat général</a></li>
    			  <li><a href='#'>Forum</a></li>
    			  <li><a href='#'>Scores</a></li>
    			</ul>
    			</li>
    			
    		</ul>	
    			<ul> 
    	        <li>
    			<a href='#'>Espace jeu mobile</a>
    			<ul>
    			  <li><a href='#'>Chat général</a></li>
    			  <li><a href='#'>Forum</a></li>
    			  <li><a href='#'>Scores</a></li>
    			</ul>
    			</li>
    			
    		</ul>	
    			<li><a href='#'>Espace Youtubeurs</a></li>
    			<li><a href='#'>Charte</a></li>
    			<li><a href='#'>A propos de localhost.fr</a></li>
    	 
            </ul>   
     	
    </div>


    mais j'ai :


    voici le code utilisé dans la vidéo :


    pas de css utilisé jusque là
    0
    1. Moi j'obtiens ceci (en copiant collant) :


      Enlève le < devant ton <ul>à la ligne 35 (ça ne change rien au problème mais bon)

      Mais tu dois avoir un css ou ton navigateur a quelque chose par défault je ne sais pas mais ce n'est pas le code.
      0
      1. Tu fais un :
        include_once('functions/membre.func.php');


        Y a pas un css la dedans par exemple :x ?
        0
      2. Oui mais ça ne répond pas au problème.
        Copie colle ton code ul li que tu viens de m'envoyer, met le dans un nouveau .html, ouvre le avec un navigateur il fonctionne.
        Avec le même code on a pas le même résultat c'est bien que c'est ton code supplémentaire qui fait dérailler tu ne crois pas?
        0
    2. c'est reglé


      c'est mon CSS qui clochait mais tout est dans le content ça m'énerve
      0
      1. N'oublie pas de passer le sujet en résolu du coup
        0
      2. @Yuh12non c'est pas fini ^^ j'aimerai que mon menu resorte du content pour se remettre au dessus du site
        0
      3. Est ce que tu as au moins essayé le déplacer... ?
        include('body/menu.php');
        0
      4. @Yuh12il faudrait d'abord que je regle le probleme de redirection ^^
        0