Faire un menu déroulant responsive très simple en HTML & CSS

[@LiveCodeofficiel]

▶ Playlist de plus de 30 vidéos regroupant toutes la création de sites de A à Z de ma chaine : kzbin.info/aero/PLwv7KMK8vXi4GDaytPl92SCgo42-jZT9O 👉 Le petit script pour ajouter la class "responsive" comme dans la vidéo : pastebin.com/raw/3k1HQzGA 🎁 Rejoindre la formation offerte : bit.ly/formation-offerte-livecode 👑 Passe à la vitesse supérieur et devient autonome avec la formation ultra complète : bit.ly/formation-complete-livecode

[@musiquehubert2196]

moi cella ne fonctione pas cela me met myfunction not defined

[@antoinep4041]

C'est une très bonne vidéo ! Je trouve que celle-ci n'a pas beaucoup de vues par rapport à ce qu'elle mériterait, bravo à toi et à tes bonnes explications ! 👏

[@LiveCodeofficiel]

Merci ! Si seulement KZbin m'était plus en avant les petits créateurs ça pourrait en aider plus d'un aha 😅

[@rabahchrifi]

Bonsoir je nais pas met les sous onglet, et quand j’ai met [header >a] displaye non, la barre de navigation disparaît , comment faire pour remédier cela, merci

[@Martin56000]

comment peut on faire renvoyer a une nouvelle page lorsque l'on clique sur une partie d'un menu deroulant?

[@LiveCodeofficiel]

Il suffit de mettre tes éléments dans des balises et de désigner une url

[@200saisons5]

Enfin, j'ai fini par comprendre.... avec tes explications. MERCI

[@LiveCodeofficiel]

Super ça 😉

[@benipaka7457]

Bonjour, vous expliquez très bien! J'ai essayé de vous suivre et je suis coincé au niveau de la minute 19:02. Je n'arrive pas à afficher mon navbar lorsque je clique sur l'onglet hamburger. Pourriez-vous m'aider?

[@HENNEBO1]

attention à l'espace dans le script js " responsive" et pas "responsive" sinon ça ne fonctionne pas :)

[@cypriennn]

Yo j'ai un petit problème, quand je met un espace dans mes sous onglets, ça saute une ligne et ça décale le texte donc ce n'est plus aligné

[@contachibboplay5161]

bonjour j'ai un problème sa veux pas marcher tu as pas mi le code de la function js ou bien tu as mi mais dans quoi merci d'avance de résoudre mon problème

[@kerbar9262]

Salut merci pour la vidéo mais j'ai un pti souci .le code JS marche bien dans la console mais lorsque je clique sur l'icône rien ne se passe.

[@LiveCodeofficiel]

Je te conseille d'aller plutôt voir mon autre vidéo qui est plus à jour et bien plus adaptée pour format mobile 😉 kzbin.info/www/bejne/n5eWc5-ter6agrs

[@marcshelby4179]

je sais pas pourquoi peut importe que je m'ete left or right le hamburgeur reste a gauche et il ne marche pas

[@LiveCodeofficiel]

Je te conseille d'aller plutôt voir mon autre vidéo qui est plus à jour et bien plus adaptée pour format mobile 😉 kzbin.info/www/bejne/n5eWc5-ter6agrs

[@Flrian-dq6vb]

Salut super début de vidéo mais je suis un peux bloquer parce que je ne comprend pas d'ou sort le nav-responsive du code en JS que tu met ensuite pourrait tu m'expliquer ?

[@LiveCodeofficiel]

Comment ça tu ne comprend pas d'où sort le nav-responsive ? Le script permet de rajouter la classe .responsive à la navbar quand on clique sur l'icone hamburger afin de dérouler le menu. Étant donné que l'icone hamburger n'est visible que sur mobile, le menu peut donc être déroulé que sur téléphone 🙂

[@Flrian-dq6vb]

@@LiveCodeofficiel ah ok j'avais pas compris ça comme ça je penser qui il changer juste le nav par une classe que tu avais crée qui s'appeller nav responsive voila bah merci du coup gg pour la vidéo !

[@LiveCodeofficiel]

@@Flrian-dq6vb 😉

[@mdyk6359]

salut, j'ai une question: comment tu fais pour mettre ton menu de façon centrer parce que là c à gauche

[@LiveCodeofficiel]

Faut mettre un Justify-content: center; dans le selecteur 👍

[@rakotovaofafah6623]

salut, merci pour ton explication t'es très fort , mais j'ai un petit souci, j'arrive pas a faire apparaitre mon menu déroulant quand j'utilise le display none, que faire ? merci

[@LiveCodeofficiel]

À quel moment de la vidéo ? Compliqué de t'aider sans voir ton code 😅

[@rakotovaofafah6623]

@@LiveCodeofficiel 6:40

[@rakotovaofafah6623]

je t'ai envoyé une mp sur insta,merci infiniment

[@Dr_KARA-ZAITRI_M.A]

Tu peux nous mettre le code à copier coller stp ?

[@raphaeldenjean7121]

j'aimerai que le déroulant du menu soit centrer en plein milieu de la page car chez moi le déroulant va vers la droite comment on peut faire ?

[@khnafianas8973]

j'aimerai savoir si tu pourrais faire un menu déroulant responsive avec des sous sous menu en dessous des sous menus merci

[@LiveCodeofficiel]

Pour faire des sous-sous-menus c'est la même chose que pour faire des sous-menus. Il faut juste ajouter des sous-menus au sous-menu existant 👍

[@khnafianas8973]

@@LiveCodeofficiel tu pourrais m'envoyer ou je pourrais le passer voici mon discord Anas_KHNAFI #3797

[@LiveCodeofficiel]

@@khnafianas8973 Je n'ai pas de code avec des sous sous menu, il faut le faire

[@khnafianas8973]

@@LiveCodeofficiel d'accord merci

[@pierrokiffdieulookiki7616]

cool video merci

[@Alex_3D]

💪🏻🔥

[@LiveCodeofficiel]

😉

[@achraffadili5046]

On fait comment pour déplacer les onglets et sous-onglets vers la droite ?, Merci 😊

[@Phenixelle]

Super vidéo c:

[@LiveCodeofficiel]

merci 🙂

[@raphoscur3762]

Salut bonne vidéo mais j'aimerais agrandir l'écriture du sous onglet peut tu m'aider merci

[@senzu2662]

Dans le header. Dropdown-1:hover. Content tu écris font-size et tu augmente

[@raphoscur3762]

@@senzu2662 merci

[@tiliostudio]

Comment fais-tu pour que ta page se modifie en temps réel ?

[@LiveCodeofficiel]

Extension Live Server sur Visual

[@MarocMaroc-tl5ht]

J’ai jamais trouvé une personne qui explique aussi bien, grâce a toi j’ai bien compris, j’ai juste un petit problème c’est que j’arrive pas à enlever le soulignement des sous onglets je fais comment ?

[@LiveCodeofficiel]

Essaye de faire dans ton CSS un : * { border: none; text-decoration: none; }

[@AsapDubstep]

Petite erreur sur la version responsive, le hover ne s'applique pas en mobile, il faut du clique

[@LiveCodeofficiel]

Le hover sur mobile agi comme un clique. Il faut par conséquent cliquer sur l'onglet pour l'ouvrir et ça fonctionne très bien 😉

[@AsapDubstep]

@@LiveCodeofficiel Il faut que je test ça alors, my bad :)

[@LiveCodeofficiel]

@@AsapDubstep Après, ce n'est pas le menu le plus optimisé pour mobile. Je te conseille d'aller voir ma dernière vidéo, le menu est bien mieux :)

[@xinyi1197]

💖

[@mkmisterkhalid7650]

tié un bon

[@Mugisama973]

Pire vidéo que j’ai vu sur ça . Beaucoup d’erreur , explications incompréhensives . Technique responsive nul . Heureusement j’ai trouvé de meilleures vidéos .

[@LiveCodeofficiel]

Tu as qu'à aller voir mon autre vidéo sur comment faire un "Header Side Bar" si tu n'es pas content, ça sera surement plus adapté à tes attentes. Cette vidéo n'est pas la meilleure des façons de faire un header certes mais je voulais uniquement le faire sans JS et sans Checkbox.