Simple Dropdown Menu Using HTML & CSS - EASY TUTORIAL

Поділитися
Вставка
  • Опубліковано 1 січ 2025

КОМЕНТАРІ • 43

  • @bill4824
    @bill4824 Рік тому +9

    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  Рік тому +2

      Thank you for watching bro, glad this helped

  • @velomanambola2590
    @velomanambola2590 5 місяців тому +6

    It’s great but would be better if we can see the step by step on a live server

  • @AbdulrhmanAL-Zarkan
    @AbdulrhmanAL-Zarkan Рік тому +6

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

  • @motutalaputa
    @motutalaputa 15 днів тому

    THANK YOU!! I'm just getting into coding and this was so easy to follow

  • @irenakinz2988
    @irenakinz2988 16 днів тому +1

    You saved my lifeee, literally😮‍💨😂 thnk uuuuuuu so

  • @imaweeb1697
    @imaweeb1697 Рік тому +2

    Thanks man, it was fast and easy to understand

    • @dev_ression
      @dev_ression  Рік тому

      thanks for watching bro, glad it helped you

  • @SamVekemans
    @SamVekemans 8 місяців тому +1

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

  • @serhatcandev
    @serhatcandev 11 місяців тому +1

    Thanks it was really basic.

    • @dev_ression
      @dev_ression  11 місяців тому

      Thank you for watching :)

  • @DutchSapper
    @DutchSapper 5 місяців тому

    Thanks man! Very simple and good explanation.

  • @SyedAsif-p7l
    @SyedAsif-p7l Рік тому +2

    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 11 місяців тому +1

      I have the same question

  • @mohammedsadath7399
    @mohammedsadath7399 11 місяців тому +1

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

  • @jtgames8919
    @jtgames8919 3 місяці тому

    Thank yu I've been trying to fic my dropdown menu for hours now 😭

  • @liammelkersson5662
    @liammelkersson5662 Рік тому +1

    hi, what theme do u use?

  • @EgoBlackyt
    @EgoBlackyt 7 місяців тому

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

  • @hamzapaskingakhtar
    @hamzapaskingakhtar Рік тому

    this is pure gold

  • @Lennox-ll6li
    @Lennox-ll6li 8 місяців тому

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

  • @brianjett1446
    @brianjett1446 Рік тому +1

    How to make this drop-down menu responsive?

  • @Valtreon
    @Valtreon 6 місяців тому

    Can you please do a video for Vertical and horizontal navbar

  • @Philip4
    @Philip4 10 місяців тому

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

  • @Redtorres16
    @Redtorres16 8 місяців тому

    vertical navigation with dropdown menu

  • @atuhaireedwin3522
    @atuhaireedwin3522 5 місяців тому

    Thanks a lot

  • @justinaandreas647
    @justinaandreas647 Рік тому

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

  • @vivekanand5900
    @vivekanand5900 Рік тому +1

    Nice video..

  • @MusicLightAR
    @MusicLightAR 9 місяців тому +1

    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 ❤️

  • @bpdhoplite
    @bpdhoplite Рік тому

    Great tut uce

  • @zanmlakar9803
    @zanmlakar9803 Рік тому +2

    2024 is here!

  • @pratikgaikwad7738
    @pratikgaikwad7738 11 місяців тому +5

    does not work

  • @angelopincas3418
    @angelopincas3418 Рік тому

    how to make this reponsive?

    • @naugustus939
      @naugustus939 Рік тому +1

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

  • @Ashkagcda
    @Ashkagcda 4 місяці тому

    lifes saver

  • @TechBoi1115
    @TechBoi1115 11 місяців тому

    It doesn't work

    • @dev_ression
      @dev_ression  11 місяців тому

      Then you have a bug! What is your error?

  • @AbhidhyanamDigital1
    @AbhidhyanamDigital1 4 місяці тому

    bhai mudhiya mar ke padha rahe ho kya

  • @mahabubalam8429
    @mahabubalam8429 Рік тому

    bogus