Partage
  • Partager sur Facebook
  • Partager sur Twitter

Menu déroulant et background

Mon background s'étire au fur et à mesure que je déroule mon menu

Sujet résolu
Anonyme
    20 octobre 2021 à 11:52:52

    Bonjour !

    Je suis une grande débutante en développement informatique, je suis actuellement bloquée sur mon menu déroulant, jusque la tout va bien je touche presque au but il me semble, mais j'ai un soucis de background qui s'étire au fur et à mesure que je déroule mon menu même la ou il n'y a pas de texte...

     Le dernier block bg apparaît et je voudrais qu'il disparaisse :


    Merci d'avance pour vos réponse ! :)

    • Partager sur Facebook
    • Partager sur Twitter
      20 octobre 2021 à 11:58:23

      Bonjour, sans ton code inséré sur le forum à l'aide du bouton code </> on ne peut rien te dire.

      Aide pour les menu déroulant, voir le code de http://www.frogweb.fr/

      • Partager sur Facebook
      • Partager sur Twitter
      Anonyme
        20 octobre 2021 à 12:04:04 - Message modéré pour le motif suivant : Merci d'utiliser le bouton code du forum pour insérer votre code


          20 octobre 2021 à 12:12:59

          Bonjour, heureusement que j'avais demandé d'utiliser le bouton code </> du forum pour l'insertion du code.

          Merci de colorer votre code à l'aide du bouton Code

          Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton Code de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.

          En image cela donne :

          Liens conseillés

          -
          Edité par AbcAbc6 20 octobre 2021 à 12:13:11

          • Partager sur Facebook
          • Partager sur Twitter
          Anonyme
            20 octobre 2021 à 12:19:35

            Heureusement que j'avais dis que je suis une grande débutante, de la compréhension c'est tout ce qu'on demande en tant que débutant :)

            C'est la première fois que je viens sur votre forum et la dernière, je vais poser ma question ailleurs merci quand même.

            • Partager sur Facebook
            • Partager sur Twitter
              20 octobre 2021 à 12:39:44

              Bonjour, les règles du forum c'est avant de poster qu'il faut les lires.

              J'ai tout de même résolu le problème. Voici la correction que je vous propose :

                          nav ul{
                              display: flex;
                              /*justify-content: flex-end;*/
                              margin: 0;
                              padding: 0;
                              font-family: 'Manrope', sans-serif;
                              list-style: none;
                              position: relative;
                              color: white;
                               
                          }
              
                          nav ul li{
                              display: inline-block;
                              border-bottom: 1px solid white;
                              background-color: #4A6166;
                          }
              
                          nav>ul>li>a{
                              /*color: #4A6166;*/
                              /*width: 240px;*/
                              line-height: 60px;
                          }
              
                          nav a{
                              display: block;
                              padding: 0 10px;
                              line-height: 50px;
                              font-size: 17px;
                              text-decoration: none;
                              color: white;
                          }
              
                          nav a:hover{
                              background-color: rgba(73, 96, 101, 0.1);
                          }
              
                          nav ul ul {
                              display: none;
                              position: absolute;
                              top: 60px;
                              /*background-color: #4A6166;*/
                              background-color: #fff;
                          }
              
                          nav ul li:hover > ul{
                              display: inherit;
                          }
              
                          nav ul ul li{
                              float: none;
                              display: list-item;
                              position: relative;
                              width: 214px;
                          }
              
                          nav ul ul li a:hover{
                              background-color:rgba(0, 148, 147, 0.5);
                          }
              
                          nav ul ul ul li{
                              position: relative;
                              top: -60px;
                              left: 214px;
                              background-color: #4A6166;
                          }
              
                          li > a::after{
                              content: " >";
                          }
              
                          li>a:only-child::after{
                              content: '';
                          }



              • Partager sur Facebook
              • Partager sur Twitter

              Menu déroulant et background

              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
              • Editeur
              • Markdown