Simple Dropdown Menu Using HTML & CSS - EASY TUTORIAL

Поділитися
Вставка
  • Опубліковано 9 вер 2024
  • 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/dev...
    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

КОМЕНТАРІ • 39

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

    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

  • @user-gk7ou1gl5r
    @user-gk7ou1gl5r Рік тому +6

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

  • @velomanambola2590
    @velomanambola2590 Місяць тому +2

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

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

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

  • @DutchSapper
    @DutchSapper 2 місяці тому

    Thanks man! Very simple and good explanation.

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

    Thanks man, it was fast and easy to understand

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

      thanks for watching bro, glad it helped you

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

    Thanks it was really basic.

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

      Thank you for watching :)

  • @atuhaireedwin3522
    @atuhaireedwin3522 Місяць тому

    Thanks a lot

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

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

  • @user-oc5ei9uq6d
    @user-oc5ei9uq6d 8 місяців тому +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 7 місяців тому +1

      I have the same question

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

    this is pure gold

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

    Can you please do a video for Vertical and horizontal navbar

  • @Ashkagcda
    @Ashkagcda 24 дні тому

    lifes saver

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

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

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

    vertical navigation with dropdown menu

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

    How to make this drop-down menu responsive?

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

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

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

    Nice video..

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

    hi, what theme do u use?

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

    does not work

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

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

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

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

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

    Great tut uce

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

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

  • @zanmlakar9803
    @zanmlakar9803 8 місяців тому +2

    2024 is here!

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

      Happy new year!

    • @zanmlakar9803
      @zanmlakar9803 8 місяців тому +2

      @@dev_ression same to you man👍

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

    how to make this reponsive?

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

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

  • @AbhidhyanamDigital1
    @AbhidhyanamDigital1 Місяць тому

    bhai mudhiya mar ke padha rahe ho kya

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

    It doesn't work

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

      Then you have a bug! What is your error?

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

    bogus