Simple Dropdown Menu Using HTML & CSS - EASY TUTORIAL

Simple Dropdown Menu Using HTML & CSS - EASY TUTORIAL
This is a quick tutorial for beginners to make an easy dropdown menu in HTML and CSS. If this walkthrough has helped you, please make sure to like, comment, and subscribe!
Source code: github.com/devression/Dropdow...
Tags:
simple dropdown menu html css,html css dropdown menu,html css dropdown menu onclick,html css dropdown menu animation,html css dropdown menu tutorial,dropdown menu html css,dropdown menu,html css tutorial,html css tutorial for beginners,html css website design tutorial,html css javascript,web development tutorial,html css website,html css navbar,html css projects,html css projects for beginners,html css beginner website,html css project tutorial,devression

Пікірлер: 33

  • @user-gk7ou1gl5r
    @user-gk7ou1gl5r9 ай бұрын

    "my dad left me when i was young" killed me keep it up man great work

  • @bill4824
    @bill482411 ай бұрын

    Thanks for the video. I've decided to finally get into coding, and out of all the videos showing how to do dropdown menus, yours was the clearest and easiest to understand. I appreciate you for making it.

  • @dev_ression

    @dev_ression

    11 ай бұрын

    Thank you for watching bro, glad this helped

  • @hamzapaskingakhtar
    @hamzapaskingakhtar7 ай бұрын

    this is pure gold

  • @liammelkersson5662
    @liammelkersson5662 Жыл бұрын

    hi, what theme do u use?

  • @imaweeb1697
    @imaweeb169711 ай бұрын

    Thanks man, it was fast and easy to understand

  • @dev_ression

    @dev_ression

    11 ай бұрын

    thanks for watching bro, glad it helped you

  • @egoblack6608
    @egoblack660822 күн бұрын

    Nice Video! But how do i implement this dropdowns in already defined buttons with a onclick effect?

  • @SamVekemans
    @SamVekemansАй бұрын

    That's exactly what I was looking for. Thanks! :)

  • @dev_ression

    @dev_ression

    Ай бұрын

    Glad it helped! :)

  • @brianjett1446
    @brianjett1446 Жыл бұрын

    How to make this drop-down menu responsive?

  • @bpdhoplite
    @bpdhoplite8 ай бұрын

    Great tut uce

  • @serhatcandev
    @serhatcandev4 ай бұрын

    Thanks it was really basic.

  • @dev_ression

    @dev_ression

    4 ай бұрын

    Thank you for watching :)

  • @justinaandreas647
    @justinaandreas64710 ай бұрын

    To me this video is blurred. I can't see the code what happened?

  • @mohammedsadath7399
    @mohammedsadath73994 ай бұрын

    yo bro its not working. the dropdown list is not at all coming when i hover over it

  • @user-oc5ei9uq6d
    @user-oc5ei9uq6d5 ай бұрын

    i don't understand why did you use the selector ul li ul.dropdown li instead of just writing ul. li or ul.dropdown li. why did you repeat the same selectors twice.

  • @guedits007

    @guedits007

    4 ай бұрын

    I have the same question

  • @Philip4
    @Philip43 ай бұрын

    either html and css syntax got changed or i didnt understand the tutorial but there are some bugs

  • @vivekanand5900
    @vivekanand5900 Жыл бұрын

    Nice video..

  • @dev_ression

    @dev_ression

    Жыл бұрын

    Thank you bro

  • @Lennox-ll6li
    @Lennox-ll6liАй бұрын

    Doesnt work for me. If I hover over the dropdown menu, the dropdown disappears. :(

  • @Redtorres16
    @Redtorres16Ай бұрын

    vertical navigation with dropdown menu

  • @pratikgaikwad7738
    @pratikgaikwad77384 ай бұрын

    does not work

  • @angelopincas3418
    @angelopincas341811 ай бұрын

    how to make this reponsive?

  • @naugustus939

    @naugustus939

    11 ай бұрын

    change the # sign in the href to a website address or directory

  • @zanmlakar9803
    @zanmlakar98035 ай бұрын

    2024 is here!

  • @dev_ression

    @dev_ression

    5 ай бұрын

    Happy new year!

  • @zanmlakar9803

    @zanmlakar9803

    5 ай бұрын

    @@dev_ression same to you man👍

  • @MusicLightAR
    @MusicLightAR2 ай бұрын

    if you see some space in the left side in dropmenu and items not in the center do this: ul li ul.dropdown { width: 100%; background: #e73e6e; position: absolute; z-index: 999; display: none; padding-left: 0; } just add "padding-left: 0;" in "ul li ul.dropdown" this will fix that ❤️

  • @TechBoi1115
    @TechBoi11154 ай бұрын

    It doesn't work

  • @dev_ression

    @dev_ression

    4 ай бұрын

    Then you have a bug! What is your error?

  • @mahabubalam8429
    @mahabubalam842910 ай бұрын

    bogus