Problème préparation menu déroulant

Résolu
Zakarya93 Messages postés 1026 Statut Membre -  
Zakarya93 Messages postés 1026 Statut Membre -
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. Yuh12 Messages postés 186 Date d'inscription   Statut Membre Dernière intervention   24
     
    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. Yuh12 Messages postés 186 Date d'inscription   Statut Membre Dernière intervention   24
       
      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. Zakarya93 Messages postés 1026 Statut Membre 10
     
    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
  3. Yuh12 Messages postés 186 Date d'inscription   Statut Membre Dernière intervention   24
     
    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. Yuh12 Messages postés 186 Date d'inscription   Statut Membre Dernière intervention   24
       
      Tu fais un :
      include_once('functions/membre.func.php');


      Y a pas un css la dedans par exemple :x ?
      0
    2. Yuh12 Messages postés 186 Date d'inscription   Statut Membre Dernière intervention   24
       
      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
  4. Zakarya93 Messages postés 1026 Statut Membre 10
     
    c'est reglé


    c'est mon CSS qui clochait mais tout est dans le content ça m'énerve
    0
    1. Yuh12 Messages postés 186 Date d'inscription   Statut Membre Dernière intervention   24
       
      N'oublie pas de passer le sujet en résolu du coup
      0
      1. Zakarya93 Messages postés 1026 Statut Membre 10 > Yuh12 Messages postés 186 Date d'inscription   Statut Membre Dernière intervention  
         
        non c'est pas fini ^^ j'aimerai que mon menu resorte du content pour se remettre au dessus du site
        0
    2. Yuh12 Messages postés 186 Date d'inscription   Statut Membre Dernière intervention   24
       
      Est ce que tu as au moins essayé le déplacer... ?
      include('body/menu.php');
      0
      1. Zakarya93 Messages postés 1026 Statut Membre 10 > Yuh12 Messages postés 186 Date d'inscription   Statut Membre Dernière intervention  
         
        il faudrait d'abord que je regle le probleme de redirection ^^
        0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Zakarya93 Messages postés 1026 Statut Membre 10
     
    RESOLU
    0