How to create a simple Dropdown Menu Bar using only HTML & CSS

How to Create Drop Down Navigation Menu with CSS and HTML | Pure CSS Dropdown Navigation Bar



Follow this Channel:
--------------------------------------------------
===========================================

--| Watch More Videos on Webdesign | --
-----------------------------------------

Image Credit: Pexels

Music Credit :
--------------------------
Track: Diviners - Savannah (feat. Philly K) [NCS Release]
Music Provided By: NoCopyrightSounds

#divinector

[swetarani]

Its a great video... it helped me a lot to understand how all these css properties are working together to generate that beautiful result.

[mahendramohane]

awesome teaching style bro. great n easily explained eveything

[HostDotPromo]

This is very useful, I prefer all CSS for sure.

[navaskhaniv-b]

Wow it's an amazing css and html before this I select other video lecture that wasn't help me.then I choosen it very helpful to me again thanks

[zanispleve]

Mate, it is not working for me. My problem is starting with 2nd <ul> <li>, it is not showing. Can you please tell how to solve this problem?

[Santello]

This helped met a lot. So a big thank you!

[angrynorseman]

html, and css seems like it needs a little javascript due to the boundary issue I'm seeing with windows being more narrow.

[ssigitas]

Perfect. Very quick and nice. But for me it is to big. I need to try on smaller that tutorial. Thanks so much man. Well done

[mindful_motion_]

Software You Used....Please Tell Name of that or Provide Software Download Link

[AthlonMDK]

From:

.nav-area ul li:hover > ul{
display: block;
}

it does not work for me. I doublechecked but in FF and Chrome does not work
Is there something i miss?

[Rohit-snew]

How to Align them to center? please tell pls pls pls

i m stuck😔😔

[unskdkjas]

100% awesome video. hey, I'm just curious about your CSS parts of : the before lines.

.nav-area:after{
content:'';
clear: both;
display: block;
}

instead of that, I wrote

.nav-area{
display: inlin-block;
position: absolute;
width: 100%;
background: #262626;

}
I think the result is totally the same as the first one with: before.

If you have some spare time, could u explain the reason u wrote: before? thx.

[mm-ivbu]

can you provied me this code in soft form