Simple Dropdown Menu Using HTML & CSS - EASY TUTORIAL

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ม.ค. 2025

ความคิดเห็น •

  • @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

  • @motutalaputa
    @motutalaputa 19 วันที่ผ่านมา

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

  • @irenakinz2988
    @irenakinz2988 21 วันที่ผ่านมา +1

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

    • @dev_ression
      @dev_ression  18 วันที่ผ่านมา

      Glad I helped!

  • @AbdulrhmanAL-Zarkan
    @AbdulrhmanAL-Zarkan ปีที่แล้ว +6

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

  • @imaweeb1697
    @imaweeb1697 ปีที่แล้ว +2

    Thanks man, it was fast and easy to understand

    • @dev_ression
      @dev_ression  ปีที่แล้ว

      thanks for watching bro, glad it helped you

  • @DutchSapper
    @DutchSapper 5 หลายเดือนก่อน

    Thanks man! Very simple and good explanation.

  • @SamVekemans
    @SamVekemans 8 หลายเดือนก่อน +1

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

    • @dev_ression
      @dev_ression  8 หลายเดือนก่อน

      Glad it helped! :)

  • @velomanambola2590
    @velomanambola2590 5 หลายเดือนก่อน +6

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

  • @jtgames8919
    @jtgames8919 3 หลายเดือนก่อน

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

  • @serhatcandev
    @serhatcandev 11 หลายเดือนก่อน +1

    Thanks it was really basic.

    • @dev_ression
      @dev_ression  11 หลายเดือนก่อน

      Thank you for watching :)

  • @mohammedsadath7399
    @mohammedsadath7399 11 หลายเดือนก่อน +1

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

  • @vivekanand5900
    @vivekanand5900 ปีที่แล้ว +1

    Nice video..

  • @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

  • @hamzapaskingakhtar
    @hamzapaskingakhtar ปีที่แล้ว

    this is pure gold

  • @liammelkersson5662
    @liammelkersson5662 ปีที่แล้ว +1

    hi, what theme do u use?

  • @atuhaireedwin3522
    @atuhaireedwin3522 5 หลายเดือนก่อน

    Thanks a lot

  • @Lennox-ll6li
    @Lennox-ll6li 9 หลายเดือนก่อน

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

  • @EgoBlackyt
    @EgoBlackyt 7 หลายเดือนก่อน

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

  • @bpdhoplite
    @bpdhoplite ปีที่แล้ว

    Great tut uce

  • @justinaandreas647
    @justinaandreas647 ปีที่แล้ว

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

  • @brianjett1446
    @brianjett1446 ปีที่แล้ว +1

    How to make this drop-down menu responsive?

  • @Philip4
    @Philip4 10 หลายเดือนก่อน

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

  • @Valtreon
    @Valtreon 7 หลายเดือนก่อน

    Can you please do a video for Vertical and horizontal navbar

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

  • @Redtorres16
    @Redtorres16 8 หลายเดือนก่อน

    vertical navigation with dropdown menu

  • @pratikgaikwad7738
    @pratikgaikwad7738 11 หลายเดือนก่อน +5

    does not work

  • @Ashkagcda
    @Ashkagcda 4 หลายเดือนก่อน

    lifes saver

  • @angelopincas3418
    @angelopincas3418 ปีที่แล้ว

    how to make this reponsive?

    • @naugustus939
      @naugustus939 ปีที่แล้ว +1

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

  • @zanmlakar9803
    @zanmlakar9803 ปีที่แล้ว +2

    2024 is here!

    • @dev_ression
      @dev_ression  ปีที่แล้ว +1

      Happy new year!

    • @zanmlakar9803
      @zanmlakar9803 ปีที่แล้ว +2

      @@dev_ression same to you man👍

  • @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