Multi-Level Drop Down Navigation Menu Using HTML5 & CSS3 | Web Design Tutorial

Hello Friends! In this tutorial, I'm showing you how to design a color full multi-level drop down navigation menu using HTML5 & CSS3. This navigation menu is pure css3, no javascript is used in this design. I've only used HTML5 and CSS3 codings to design this navigation menu.

Thanks for watching this video. If you like this video then hit like button, share this video, And Subscribe my Channel. Also like my Facebook page for latest updates.

-~-~~-~~~-~~-~-
Please watch: "#1 Payment Gateway Integration Using PHP (Instamojo) | Introduction Video"
-~-~~-~~~-~~-~-

[grasonicus]

Very well done. The border-right of the ul li a is 1px. With slow mouse movement one sometimes loses the menu. Make it -1px; It still looks fine and one never loses the menu. The next step is to get rid of the px specifications and replace them with ems and also make this work for small devices.

I also put this into the css to prevent one losing the menu with slow mouse movement:
#nav ul ul {
margin-top: -1px;
}

Thanks for putting this up.

[lenardsimmons-research]

It's me again, Your work is great. I like that you only use HTML and CSS to create your navigation bars. By following your video tutorials I someday hope to be great. I'm off to see what else you're going to teach me today.

[externaldowngrades]

Hey bro thanks for the tut needed help with this. i been watching quite a few of ur tuts and noticed u dont use .css files? it makes ur work alot cleaner lol. and can u tell ne the plugins u are using besides emmet please? and thanks.

[shengdauniversity]

I like the drop down menu. The biggest problem is when click on menu link go to go to a new page, lost the menu?? I tried frames but the drop down does not ride over the bottom frame. How to keep the menu at the top of every page?? Help!

[realist]

Typing code without explaining what's it for... is NOT a tutorial!