Partage
  • Partager sur Facebook
  • Partager sur Twitter

menu burger responsif sans javascript

    19 mars 2019 à 16:19:27

    Bonjour à tous,

    comme dit dans le titre de mon post, dans le cadre de mon premier projet Dev Web Junior, je cherche à faire un menu responsif "burger" en utilisant uniquement HTML et CSS (donc sans utiliser Javascript).

    J'ai déjà parcouru pas mal de sites web à la recherche de réponse mais c'est souvent peu adaptable à mon propre code.

    Donc si quelqu'un a une ou des indications je suis preneur !

    • Partager sur Facebook
    • Partager sur Twitter
      19 mars 2019 à 16:23:46

      Bonjour,

      Tu devrais te renseigner du côté des media-queries.
      Ça te permet de modifier le comportement de ton site selon la résolution de l'écran de l'utilisateur.

      Tu trouveras dans google les "3" catégories de résolution pour déterminer si ton site est visité depuis un ordinateur, une tablette ou un smartphone.
      • Partager sur Facebook
      • Partager sur Twitter
      Don't quit, suffer now and live the rest of your life as a Champion
        19 mars 2019 à 19:07:01

        ah yes !

        Merci M4jestic, j'en suis justement à la partie Media Queries de mon projet, je connais les breakpoints mais mon problème était surtout sur la création d'un menu burger tout simple qui incorporerait mes items de navigation. Cool ta phrase de motivation by the way ;)

        Et merci merci merci beaucoup Charbon ! Ton lien a l'air de correspondre à ce que je cherchais, ça m'a l'air bien plus épuré au niveau HTML et CSS que tout ce que j'avais vu jusqu'à maintenant !

        Excellente soirée à tous les deux :)

        • Partager sur Facebook
        • Partager sur Twitter

        menu burger responsif sans javascript

        × 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