How To Make Drop Down Menu Using HTML And CSS | HTML Website Tutorials

Подписаться 1 млн

Просмотров 3,5 млн

50% 1

Learn How To Make Drop Down Menu Using HTML And CSS. HTML Website Development Tutorial for beginners.
❤️ SUBSCRIBE: goo.gl/tTFmPb
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
In this video you will learn to create Drop down menu in navigation bar with icons using HTML and CSS.
#DropDownMenu #WebDevelopment #WebDesign #HTMLTutorials
You may also like below tutorial to create Full website:
Create Business Website Tutorial: • How To Make Website Us...
Create Fitness Website Tutorial: • How To Make A Website ...
Create Personal Resume Website: • How To Make A Website ...
Digital Agency Website Tutorial: • How To Make A Website ...
Job Portal Website Tutorial: • How To Make Website Us...
E-commerce Website Tutorial: • Create Ecommerce Websi...
-------------------------------------
Best hosting up to 60% off (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/go/hostg...
Affordable hosting up to 91% (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/go/hosti...
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
Join my channel membership and get all my new video's codes in community post:
Join Link: / @greatstackdev
-------------------------------------
Like - Follow & Subscribe us:
► RU-vid: goo.gl/tTFmPb
► Facebook: goo.gl/qv7tEQ
► Twitter: / itsavinashkr

Опубликовано:

22 фев 2019

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 2,2 тыс.

@kashiri22 3 года назад

Man you saved me hours of work , i was trying to figure out what am I doing wrong when adding submenus , ive created a home page with designed buttons and everything aleady and i didnt want to delete it and rewrite the whole content , now you shown me how i easily add those submenus into my buttons and what i need to change in my css code , thanx you a legend

@2agamers25 Год назад

Me also

@GreatStackDev 2 года назад

Follow on Instagram: instagram.com/iamavinashkr/

@Dehatiduniya-nd7fc Год назад

Sir please upload on github

@ivantopalski114 10 месяцев назад

THANKS FOR HELP .......MONEY MAKERS......

@GreatStackDev 8 месяцев назад

👉 Join on Telegram: t.me/greatstackdev

@Azim-sx3mm 8 месяцев назад

Sir, please explain how to select and position nested ul and li

@butoke-media6065 2 месяца назад

oka

@mrCetus 2 года назад

If you encounter problems you probably need to recheck your html code as for example, I was having problems with the first dropdown menu, the issue was that the was placed wrongly, you can take a look where the was before and after (11:05 - 12:09). after he added those lines of code I still thought that the was at line 11 but it actually was at line 19. check your html and look check so att everything is as the code that he has!

@lasatamaharjan1630 Год назад

👏

@amairasharmaaa43 Год назад

THANK YOU SO MUCH!!!!

@fatgeekproduction7528 3 года назад

LOVING THIS! So simple, yet elegant! A beginner like me got it.

@ehinomenosaigbovo527 Год назад

So many ways to style your navigation! Saw all from Easy tutorials!

@GrajaGopalaReddy 7 месяцев назад

hlo can you send me the code

@eirikolsnes 5 лет назад

Very calm and confident explanation of your process. Would like to see a follow up with how to tune this for mobile phones and tablets - I think that would be very helpful. Thank you!

@WebTrend 2 года назад

I decided to share my knowledge as well can you check it out

@user-ri2ms2mm7w 2 года назад

My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life. ru-vid.com/group/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

@alexprecious1915 Год назад

Same here...

@qhubbles Год назад

I wish I had a teacher like you at college. I'm sure will be visiting your channel quite often the next years. Thank you so terribly much.

@GreatStackDev Год назад

Thanks to you bro

@charusharma7872 Год назад

animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html

@subin00 3 года назад

Hi! I'm Korean. Thank you so much!! Your video is useful and easy:) You are my best teacher👍

@maanka_yare 4 года назад

I liked for this video and i say keep going my friend✅✅✅✅👏👏👏👏👏

@7inch540 4 года назад

Thank You Soo Much Appreciate Your efforts Towards Uss 🙏 Help Me A Lot

@zamzam2060 Год назад

I watched some videos for you to make a website and I saw that you are perfect God bless

@Jj-iu3ed 3 года назад

really superb bro i struggled to add image as background and now i felt easy. thank you! but drop down options are right side for me i gave input as left only

@sokhaitrey9211 5 лет назад

I can't wait to press like button. Thank you are awesome

@francislambert5189 5 лет назад

Well enough to make my project "Shine"..! Thank You. Peace :)

@asifhossain2088 2 года назад

same here

@dtanubis1722 2 года назад

Why r u gay?

@brandonhuala2747 2 года назад

The only thing about some images is you may need to try a different positioning value when I tried background image center it was to small, but I fixed it to position absolute and it worked perfectly very good so far though.

@paulhetherington3854 Год назад

There's never ever, an absolute. Turns off - power grids. Or drops, web cams.

@chetannarvekar1416 Год назад

thank you man you ,i was also trying to figure out how to position image

@mr.how123 Год назад

thanks it works

@teez_q9321 3 года назад

Woah this one was super perfect!!!!!!!!! I could clearly got all the points!!! Thank you for encouraging me to carry on my digital journey!!! Best of luck for all your endeavors!!!!! 😌💕

@WebTrend 2 года назад

I decided to share my knowledge as well can you check it out

@user-ri2ms2mm7w 2 года назад

@hadjerdebbah5929 4 года назад

Thank you for that design .. really helped me to start my project

@riteshmahajan5209 4 года назад

Thanks Buddy for such an interesting project, really loved making every bit of it. God Bless U and please keep adding such interesting and challenging projects for the to be web developers. ..

@ahmedkaram9072 3 года назад

Color hunt app play.google.com/store/apps/details?id=com.whitewolf.colorhunt

@NAGENDRAYADAV-hk2gk 3 года назад

@miansherzaman8906 3 года назад

@WebTrend 2 года назад

I decided to share my knowledge as well can you check it out

@user-ri2ms2mm7w 2 года назад

@richagurav 3 года назад

The best video ever...thank you so much for amazing video😊

@0xN1nja 3 года назад

Sir thank you so much first css was not applying but after i changed its name it worked thank you so much

@rihards496 4 года назад

Dope tutorial, helped me out alot! Thank you.

@user-ri2ms2mm7w 2 года назад

@leonardorodrigues8022 4 года назад

Maaaan, thank you soooooo much. Brazil here \o/

@mantralayamsrinath9920 3 года назад

Your methods are excellent. You are an excellent instructor. Your instructions is consistent and logically well structured.. Thank you,

@WebTrend 2 года назад

I decided to share my knowledge as well can you check it out

@joshdenton611 3 года назад

you have the best web design tutorials i've ever seen. thank you for the knowledge and i wish you the best of luck!

@WebTrend 2 года назад

I decided to share my knowledge as well can you check it out

@user-ri2ms2mm7w 2 года назад

@mahreztm7122 4 года назад

Nice tutorial, it's so helpful, Thank you for this video!

@WebTrend 2 года назад

I decided to share my knowledge as well can you check it out

@umeshanirmani 4 года назад

well explained, thank you!

@user-ri2ms2mm7w 2 года назад

@pndungu1 3 года назад

Very informative, very composed tutorial, and definitely something to try out in 2021.

@WebTrend 2 года назад

I decided to share my knowledge as well can you check it out

@user-ri2ms2mm7w 2 года назад

@abdullahiayanle2293 2 года назад

Brilliant video, Thank you for posting this video. Really helpful. Spent year long learning CSS. It makes sense.

@GreatStackDev 2 года назад

Glad it was helpful!

@sulwan9804 4 года назад

Thank you for this lesson. This is exactly what I was looking for - Rehman

@WebTrend 2 года назад

I decided to share my knowledge as well can you check it out

@user-ri2ms2mm7w 2 года назад

@srushtibuch1964 3 года назад

I can't stop myself to subscribe your channel...😊😊😊 Simply awesome 👍👏👏

@WebTrend 2 года назад

I decided to share my knowledge as well can you check it out

@emni8560 3 года назад

Thanks a lot.. I'm everyday searching and searching abouts same this vedio. But i got it's finally. Thank you so much brother...

@isnaniweb 3 года назад

Wow! This is awesome... Thank you for this tutorial.

@robelhabesha5108 4 года назад

This is so helpful sir thank you and how can I make this web as an interface of the database???

@michelenicholas3361 4 года назад

I'd love to see part two making it mobile friendly with media queries

@DEEPAKMISHRA-km9uu 3 года назад

It is helpful video Thanks 😍

@ganesanchelladurai8862 3 года назад

Where do I get the part two video with media queries?

@SeekCoding 3 года назад

@@DEEPAKMISHRA-km9uu ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WZ5lRnTbSpI.html

@jyotigupta08 3 года назад

What is media queries

@SeekCoding 3 года назад

@@jyotigupta08 media query is used for making the website to be responsive i.e it will make the website to look good in computer and as well as in phone

@SofaDelag 3 месяца назад

This helped me so much! I literally fixed a weeks worth of work in a few hours thanks to this tutorial, thanks so much! I will def be watching more of your videos in the future, keep up the amazing and helpful tutorials! :)

@Ronzayy 3 года назад

Thank you sooo much. This has helped tremendously

@deepahosur4893 4 года назад

Really it helped me a lot sir... It's awesome video ur sharing n helping ppl like us plz do share complete website learning procedure also

@mumbaichaking3192 Год назад

can u help me making attendance webpage or website

@mdmanik-xy7ui 4 года назад

I'm from Bangladesh Thank you.

@coreamazon 3 года назад

This video is great. I explained it really easily and applied it to my project. Thank you. Thank you so much!!!

@alam5741 3 года назад

please subscribe ... html tips n tricks ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-O_Br6Ma5zEU.html

@user-ri2ms2mm7w 2 года назад

@Legend-vj1fe 2 года назад

Thank you ! It was so easy to follow along with and understand. 😃

@user-ri2ms2mm7w 2 года назад

@charusharma7872 Год назад

animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html

@apz5400 4 года назад

I 'm glad I found your tutorial video, I started learning on Html,Css a month ago this is very helpful on my learning, Thank you so much for sharing your knowledge and the videos. very appreciated!

@asifhossain2088 2 года назад

same to u

@cumarmusse9516 2 года назад

Same here any ideas I don't seem to put two things together

@WebTrend 2 года назад

I decided to share my knowledge as well can you check it out

@user-ri2ms2mm7w 2 года назад

@mumbaichaking3192 Год назад

can u help me creating attendance website

@asmitakadam9679 2 года назад

Thanks a lot! I cant express in words how much thankful I am to you for this amazing, easy conceptual video.You have covered a very important concept in CSS .

@WebTrend 2 года назад

I decided to share my knowledge as well can you check it out

@user-ri2ms2mm7w 2 года назад

@charusharma7872 Год назад

animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html

@mohdkaifkhan6336 3 года назад

THANK U SOO MUCH , IT HELPED ALOT 💯

@yuvarajnpriyas5367 3 года назад

Awesome. Very much interested to learn about HTML & CSS . I have tried parallelly got good looking website. Thank You so much. Keep it up.

@muhammadtalhasajid6826 4 года назад

Amazing Tutorial! I am highly appreciated you, You helped me so much throughout the video.

@siddarthsmith1376 3 года назад

Its waste of watching without any explanation...nothing is understandable.

@WebTrend 2 года назад

I decided to share my knowledge as well can you check it out

@venkataramireddypulikhanda6071 3 года назад

Great :) Please explain short cuts also. what are the short cuts for copy the same code.

@favourokon6891 3 года назад

Thank you so much for sharing your idea. This lesson was extremely helpful

@user-ri2ms2mm7w 2 года назад

@raselsarder8271 2 года назад

Easy to understand, well explained, thank you!

@GreatStackDev 2 года назад

Glad it was helpful!

@charusharma7872 Год назад

animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html

@FixItAngel 3 года назад

Thank you

@shalimasuresh6470 8 месяцев назад

a lot of thanks to your videos for a begginner and pro.a super thanks..worth.managed well as you have given images links

@sanjuchapagain4102 Год назад

The easiest and best video l have ever found in RU-vid for beginners to learn about html and css ...lots of respect to u bro🍀🍀

@jessicakoomson871 Год назад

Hi can I get the source code please

@syediqbalahmed3176 4 года назад

done before internet connection & other's video tutorials in the easiest way

@asbsckhtv2136 4 года назад

Sir. Iam app create idea Electrical service app Please information sir

@ibrahimalgin7442 5 лет назад

Can you share the link to the backgraund image

@ShakilAhmed-bd3wq 2 года назад

Well enough to make my project "Shine"..! Thank You. Peace :) love you sir

@GreatStackDev 2 года назад

Thanks Boss

@kokoraphael191 3 года назад

Thanks for part one, I wanted to finish up to part two. Is it coming soon?

@najeebzakariya2346 2 года назад

Thanks for the very helpful tutorial. How do you link the the dropdown links to a page within the website?

@HeleneBimenyimana-ko9ug 8 месяцев назад

Same question

@thangciu1345 4 года назад

Great !!! Tkanks youu

@GreatStackDev 4 года назад

Thanks Thắng Ciu for your comment

@aniketashokbhise 3 года назад

@@GreatStackDev where download image

@BiologyDaily001 2 года назад

Very smart...you are so loud and clear. You deserve a credit. Thanks.

@charusharma7872 Год назад

animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html

@yaminiobulesh4655 3 года назад

Really well explained and a very good guide for beginners...👍👌

@mumbaichaking3192 Год назад

can u help me creating attendance webpage?

@jayrayner702 4 года назад

your content is so informative however there's a lot of ads on your channel.

@deepakmisra8973 3 года назад

Hv you try above code...lol

@Entertainment.Tube0 3 года назад

😂😂😂😂

@pankajyadav5507 3 года назад

Thank you, for your code that you have been coded to form a drop down menu.

@NirajKumar-tv2lm 3 года назад

super

@vasanth1568 2 года назад

I have watched plenty of videos but got no idea you really did good job👍🏻

@charusharma7872 Год назад

animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html

@bonniemiller5288 7 месяцев назад

Thank you so much. I learnt a lot watching this video. Good explanation. You are a good teacher

@salimbsc 4 года назад

I have created different html files for home , about , etc.. When I click those lt should open in same index page. how to do that ?

@jayapraveens6305 4 года назад

just add target="_self" in the html code bro

@marzouqalbaiji1984 4 года назад

its a nice video, but can you tell why you paste the CDN link what it help for? thanks

@DIAMONDXEPHOS8LEO 4 года назад

It was for the fonts and logos

@chibuzoanyanele3382 3 года назад

WOW, Thank you so much for this, i'd learn a lot from your video.

@emmanuelekwere9198 3 года назад

Hello bro. Please my background image doesn’t fit the screen. Anything I can do ? Help a brother from Nigeria

@robertoandreslunareyes8897 Год назад

It's a really good video to recall simple things. Thanks for ur time.

@iroreresuperior.m4966 4 года назад

pls how can i get the background u use for the tutorial.

@brankokovacevic829 4 года назад

pexels.com

@sankarganeshm9124 3 года назад

🔥🔥🔥

@leynakagere 3 дня назад

Thanks it has really helped so much 😊 on our projects

@TheMatter-xd1ts Год назад

Thank u now i understand codes that ive been copying online

@CrappyTara 4 года назад

11:37 so I can re-watch it again lol.

@istoalfiah6851 4 года назад

Hahahha same

@kittencroft9126 4 года назад

Thanks i was looking for that comment haha

@amongdoomers9464 3 года назад

What you guys mean?

@shakib_04 3 года назад

@@amongdoomers9464 main part start from there.

@vibz9319 3 года назад

hello! I have a question... What resolution is this background image from your website?

@GreatStackDev 3 года назад

1920x1080

@rakeshkoduri3891 5 месяцев назад

One of the best videos I had watched that you sir

@JdotSewell42 Месяц назад

Your videos are extremely helpful. Thank you so much.

@ussamafaris3993 3 года назад

I have a problem always is chasing me for not showing any background images even though the path of the image is right.

@v.zmuzik2539 3 года назад

yes i have too background image not showing

@bamboolambo 4 года назад

Wow, nice that my left ear learns 2% more then my right ear!

@hoanganh5976 3 года назад

nice, it's useful for me, thank you!

@fernandorichmond5150 2 года назад

Muchas gracias por este excelente tutorial, está SUPER!!!! 👏👏👏👍👍👍

@WebTrend 2 года назад

I decided to share my knowledge as well can you check it out

@user-ri2ms2mm7w 2 года назад

@thisisaprankyep5746 3 года назад

I know that you visit here because of school 😂😂

@Riddlezzz. 11 месяцев назад

Ye kis school me hota be

@aftabraza2854 8 месяцев назад

Yes brother you are right

@shk120 7 месяцев назад

Bro im in college 😒

@georgechris3281 7 месяцев назад

😂sure

@ShikharThakur-tr8iv 6 месяцев назад

I'm here bcoz of the views 3.2m🔥 1:21

@ahnaafarafee 3 года назад

donno but my left headphone just banged 💣

@user-rf4vc7mt4d 3 года назад

i had a jumpscare out of that, it's like someone was behind me oof

@mdotmungai 3 года назад

New subscriber ..Great Content!!

@tomdevisser649 3 года назад

Thank you, very helpful! :)

@rahmathrahmath5861 3 года назад

* { } From where this tag came, And what does it mean

@memee9658 3 года назад

click ALT + 0123

@MDA_GamingSquad 3 года назад

It is the selector which is known as star selector whatever style you apply in this selector applies to whole HTML page

@jackk7717 Год назад

yr bhai i am searching this for three days so finally i was see your lec and it is very helpful for me lots of love from pakistan.

@charusharma7872 Год назад

animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html

@compario 3 года назад

This video is very helpful Thank you!!

@SachinKumar-fb7id 3 года назад

Really sir....thank u soo much for providing us this kind of videos

@solomonokereke6979 3 года назад

this is beautiful

@allanauka5190 Год назад

The best and easy to follow tutorial. Was very helpful to me thank you very much

@charusharma7872 Год назад

animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html

@mikeyo5154 2 года назад

Best tutorial I've seen on dropdown menus. Thanks for posting

@charusharma7872 Год назад

animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html

@jamesk.774 3 года назад

Very well-taught. Great job.

@WebTrend 2 года назад

I decided to share my knowledge as well can you check it out

@voltthethunderwing8511 Год назад

Thank you so much, You just saved my protect ! Hope you reach 100k subs soon!

@GreatStackDev Год назад

Thank you so much, please visit our channel for more videos: ru-vid.com/show-UCkjoHfkLEy7ZT4bA2myJ8xAvideos

@saibhai074 2 года назад

Simple tutorial but very informative and explained nicely

@charusharma7872 Год назад

animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html

@partha1310 10 месяцев назад

Thank you so much its very helpful to mee ❤️

@crankluga 2 года назад

Very simple and straight forward. I got the answer i was looking for easily

@charusharma7872 Год назад

animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html

@jessicakoomson871 Год назад

Please can you help me with the source codes

@crankluga Год назад

@@jessicakoomson871 didnt need to write any code gist, since solution is straight forward. The answer is in the position and the position off-set as in the video. The position offset can change depending on the menu.

@jessicakoomson871 Год назад

@@crankluga thank you so much I really appreciate