Partage
  • Partager sur Facebook
  • Partager sur Twitter

Menu déroulant avec plusieurs Input

Sujet résolu
    16 avril 2018 à 16:12:30

    Bonjour tout le monde,

    J'ai un projet ou je dois créer un menu de recherche dans une base de données. Dans la base, j'ai une table avec énormément de nutriments. 

    Le client doit pouvoir chercher le pourcentage d'un nutriment, donc j'aimerais creer une bouton avec liste deroulante ou l'utilisateur pourra choisir le pourcentage d'un nutriment grace à des balises input. Je récupère ensuite les données sur une page php, ca ce n'est pas le souci ca fonctionne parfaitement. 

    J'ai donc ce code pour mon bouton "Formulation" dans mon formulaire de recherche:

    Cela fonctionne mais me donne un rendu horrible... : 

    Voila, on peut apercevoir le bouton surlequel on clique pour faire apparaitre la liste en bas a droite. La liste s'affiche sur toute la page et ma barre de menu en haut cache meme le début de la liste. 

    Mon problème: Je n'arrive pas à trouver de moyen pour créer une liste scrollable de disons 8 éléments... Est ce quelqu'un aurait une solution?

    Merci énormément pour votre aide,

    Lucilias

    • Partager sur Facebook
    • Partager sur Twitter
      16 avril 2018 à 18:08:43

      Bonjour Lucas,

      Je pense que tu dois mettre un oveflow-y:auto avec un max-height sur le UL.dropdown-menu

      • Partager sur Facebook
      • Partager sur Twitter
      Découvrez les Css avec la zonecss.fr
        17 avril 2018 à 0:09:13

        Excellent! Ca a parfaitement marché, merci beaucoup !!

        -
        Edité par LucasBeisel 17 avril 2018 à 10:06:58

        • Partager sur Facebook
        • Partager sur Twitter

        Menu déroulant avec plusieurs Input

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur
        • Markdown