Bonsoir,

J'ai réalisé un petit menu avec des listes à puces en utilisant flexbox.

Mon menu se place correctement, mon problème réside dans le fait que j'ai rajouté un sous menu que je n'arrive pas à placer correctement sous mon

onglet précis et en plus il crée un trop gros espace entre mes items.

Voila mon menu avec le sous menu désolé pour la taille de l'image!

 <header>
            
            <a href="#" class="icon" id="icon"></a>
            
            
            <nav>
                <ul>
                        <li><a href="#">Acceuil</a></li>
                        <li><a href="#">Catalogue</a></li>
                        <li><a href="#">Drive in</a></li>
                        <li><a href="#">Info</a>
                    
                           
                            <ul>
                            <li><a href="#" class="sousmenu">Fiche technique</a></li>
                            <li><a href="#" class="sousmenu">Mention légal</a></li>
                            <li><a href="#" class="sousmenu">Contact</a></li>

                        </ul>
                            
                        </li>
                            
                        <li><a href="#">Panier</a></li>

                        <li><a href="#">Inscription</a></li>

                        <li><a href="#">Connexion</a></li>
                </ul>
                
            </nav>
    </header>

CSS:

body{
    margin:0px;
    padding:0px;
}
/*HEADER*/
header{
    background-color: orange;
    display: flex;
    justify-content: flex-end;  
    height: 52px;
}
/*HEADER ET NAVIGATION*/
nav ul{
    display: flex;
    list-style-type: none;
}
nav li{
 
    margin-right: 10px;
  
}
nav a{
    color:white;
    text-decoration: none;
}
/*HEADER CONCERNE LE SOUS MENU*/
nav ul ul{
    display: flex;
    flex-direction: column;
    background-color:orange;
    margin-top:27px;
}
nav .sousmenu{
   color:red;
   display: flex;
   justify-content: flex-start;
   padding-top:12px;
   height: 39px;
}

    

j'aimerais bien l'aligner juste en dessous d'info et réduire l'espace entre mes items. Je remercie déjà pour l'aide que vous pouvez m'apporter!

Bonjour,

Mauvais titre

Le titre est un élément important qui ne doit pas être négligé. N'oubliez pas cette règle simple : le titre idéal résume la question que vous allez poser en une petite phrase. Il doit permettre aux visiteurs de se repérer facilement dans le forum visité et d'identifier le sujet à sa seule lecture.

Vous pouvez utiliser divers préfixes comme [Erreur], [MySQL], [Compatibilité], etc... Aussi, pensez à consulter les règles propres à chaque forum (visibles dans les topics épinglés en haut des sections).

De plus, choisir un bon titre permet de rendre plus faciles les recherches des autres membres.

Les titres de type "besoin d'aide" ou "problème" ne sont pas tolérés.

Pour modifier votre titre, éditez le premier message de votre sujet.

(titre originel : Flexbox)