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

[@kashiri22]

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

[@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 kzbin.info/www/bejne/nXPQqWaIormbeqc

[@Dr.Oppenheimer-Style]

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!

[@bubu8909]

thank you very much!

[@Dr.Oppenheimer-Style]

@@bubu8909 It's always frustrating when such a problem is encountered. I'm glad that I could help!

[@janis3686]

yes i got stuck thk u!

[@Dr.Oppenheimer-Style]

@@janis3686 glad I could help!

[@SunShin666]

,תנדור

[@subin00]

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

[@zamzam2060]

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

[@fatgeekproduction7528]

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]

hlo can you send me the code

[@eirikolsnes]

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]

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

[@الإسلامدينالحق-خ5ت]

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. kzbin.info/aero/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

[@alexprecious1915]

Same here...

[@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 kzbin.info/www/bejne/nXPQqWaIormbeqc

[@ariftube4]

আমার কাছে এই টিউটোরিয়ালটা অনেক ভালো লেগেছে। কেননা আমি অনেক ভিডিও টিউটোরিয়াল দেখেছি যেখানে অনেক অতিরিক্ত কথা বলা হয়। কিন্তু এই টিউটোরিয়ালটিতে অতিরিক্ত একটি কথা ও বলা হয়নি, এটা খুবই চমৎকার !আপনার জন্য শুভকামনা এগিয়ে যান।

[@brandonhuala2747]

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

[@michelenicholas3361]

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

[@DEEPAKMISHRA-km9uu]

It is helpful video Thanks 😍

[@ganesanchelladurai8862]

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

[@SeekCoding]

@@DEEPAKMISHRA-km9uu kzbin.info/www/bejne/jYuYnYWkiceGpqs

[@jyotigupta08]

What is media queries

[@SeekCoding]

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

[@sokhaitrey9211]

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

[@SofaDelag]

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! :)

[@teez_q9321]

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]

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

[@الإسلامدينالحق-خ5ت]

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. kzbin.info/aero/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

[@francislambert5189]

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

[@asifhossain2088]

same here

[@dtanubis1722]

Why r u gay?

[@riteshmahajan5209]

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]

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

[@miansherzaman8906]

hy

[@WebTrend]

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

[@الإسلامدينالحق-خ5ت]

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. kzbin.info/aero/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

[@Ceasar-Empire]

This is an amazing tutorial More grace bro, I really appreciate I'm definitely go tell my friends about your channel

[@GreatStackDev]

Glad to hear that. Thank you so much! 😊

[@sanjuchapagain4102]

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

[@jessicakoomson871]

Hi can I get the source code please

[@apz5400]

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]

same to u

[@cumarmusse9516]

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

[@WebTrend]

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

[@الإسلامدينالحق-خ5ت]

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. kzbin.info/aero/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

[@mumbaichaking3192]

can u help me creating attendance website

[@mantralayamsrinath9920]

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

[@WebTrend]

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

[@marvelousdata8744]

Bro thank you very much because I have learned how to make dropdown box only through you inspite I am 14 years old✌✌👍👍👍👍

[@GreatStackDev]

Keep it up

[@parthibanm2963]

Gud.. it's very useful in my starting development carrier ❤🎉

[@GreatStackDev]

Thank You. Keep coding.😊

[@rihards496]

Dope tutorial, helped me out alot! Thank you.

[@الإسلامدينالحق-خ5ت]

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. kzbin.info/aero/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

[@umeshanirmani]

well explained, thank you!

[@الإسلامدينالحق-خ5ت]

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. kzbin.info/aero/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

[@thisisaprankyep5746]

I know that you visit here because of school 😂😂

[@WWVirals]

Ye kis school me hota be

[@aftabraza2854]

Yes brother you are right

[@shk120]

Bro im in college 😒

[@georgechris3281]

😂sure

[@ShikharThakur-tr8iv]

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

[@06_reenakumari8]

tooo much qawsome way that how u going slowly every step clear to build this webpage.......an awsome platform is here you show how to learn to codes nd build webpage to an unknowing coding bigginner ....thnkuuuuu sir a lot

[@GreatStackDev]

Thanks Reena, Even i have a better video for beginners, after watching that it would be easier to understand my all videos: kzbin.info/www/bejne/fXK9h6mmn92Mh7s

[@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: kzbin.info/door/kjoHfkLEy7ZT4bA2myJ8xAvideos

[@pndungu1]

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

[@WebTrend]

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

[@الإسلامدينالحق-خ5ت]

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. kzbin.info/aero/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

[@maanka_yare]

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

[@sulwan9804]

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

[@WebTrend]

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

[@الإسلامدينالحق-خ5ت]

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. kzbin.info/aero/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

[@GreatStackDev]

👉 Join on Telegram: t.me/greatstackdev

[@Azim-sx3mm]

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

[@butoke-media6065]

oka

[@digitaleara5520]

Hello when creating the additional pages do you just copy the html to the other pages and change the index to what ever the other page names are? Thanks!

[@7inch540]

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

[@hadjerdebbah5929]

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

[@mahreztm7122]

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

[@WebTrend]

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

[@ShakilAhmed-bd3wq]

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

[@GreatStackDev]

Thanks Boss

[@yuvarajnpriyas5367]

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

[@asmitakadam9679]

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]

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

[@الإسلامدينالحق-خ5ت]

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. kzbin.info/aero/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@ibrahimalgin7]

Can you share the link to the backgraund image

[@vibz9319]

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

[@GreatStackDev]

1920x1080

[@GreatStackDev]

Follow on Instagram: instagram.com/iamavinashkr/

[@Dehatiduniya-nd7fc]

Sir please upload on github

[@ivantopalski114]

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

[@vasanth_steve]

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

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@bamigboyepelumi4421]

I am always in love with ur tutorials, good work boos 🥰😍🤩

[@GreatStackDev]

Thank you so much 🤗

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@bingewatch_anime]

Thanks bro I invested my 3-4 hours in it writting side by side on my laptop thankq this was my first Website menu. 😘

[@pankajyadav5507]

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

[@NirajKumar-tv2lm]

super

[@najeebzakariya2346]

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

[@HeleneBimenyimana-ko9ug]

Same question

[@waZPCS]

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

[@mubasshirkhan9449]

Very well explained......... We indians rocks every where.... without our tutorials KZbin is nothing.😂

[@GreatStackDev]

"without our tutorials KZbin is nothing" ye to kuch jyada ho gya bahi... Thanks for comment

[@flayer2011]

our you are Maximo in CSS and Javascript... I'm your fan!

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@jayrayner702]

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

[@deepakmisra8973]

Hv you try above code...lol

[@Entertainment.Tube0]

😂😂😂😂

[@CrappyTara]

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

[@istoalfiah6851]

Hahahha same

[@kittencroft9]

Thanks i was looking for that comment haha

[@amongdoomers9464]

What you guys mean?

[@shakib_04]

@@amongdoomers9464 main part start from there.

[@FixItAngel]

Thank you

[@bonniemiller5288]

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

[@syediqbalahmed3176]

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

[@asbsckhtv2136]

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

[@ussamafaris3993]

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]

yes i have too background image not showing

[@iroreresuperior.m4966]

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

[@brankokovacevic829]

pexels.com

[@abdullahiayanle2293]

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

[@GreatStackDev]

Glad it was helpful!

[@abulbashar68]

I like all this video, Every video is very helpful for everybody am hope.

[@GreatStackDev]

Glad to hear that

[@sankarganeshm9124]

🔥🔥🔥

[@ahnaafarafee]

donno but my left headphone just banged 💣

[@user-rf4vc7mt4d]

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

[@rahmathrahmath5861]

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

[@memee9658]

click ALT + 0123

[@MDA_GamingSquad]

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

[@richagurav]

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

[@creativeamay]

Which editor is best for CSS , HTML , Java , can you explain it ? Pls sir want complete video on text editors

[@GreatStackDev]

VS Code is best, but i use brackets it looks simple that is good for my video

[@Zakariyesultan]

Thank you teacher 100% I like the way that you made it 🙏🙏🙏🙏

[@GreatStackDev]

I'm glad you like it

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@TheMatter-xd1ts]

Thank u now i understand codes that ive been copying online

[@nivinnivin6913]

u are the only one who saved my code thank u so much

[@emni8560]

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

[@mikeyo5154]

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

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@joshdenton611]

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]

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

[@الإسلامدينالحق-خ5ت]

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. kzbin.info/aero/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

[@stevenoketch6950]

When I heard that ascent I got an attitude but after viewing the whole video, much respect

[@GreatStackDev]

much love...!

[@vengeancegq6ro]

why would you get an attitude to begin with lol

[@blacktape52black72]

@@vengeancegq6ro people dont like indians

[@chidungphan1516]

Great easy tutorials 👍👍👍👍

[@creativeamay]

Sir Drop-down menu me kuch animation add karna ho to fir kya kare animation jaise jab menu par click kare to submenu 3D type se aye ya niche se page upar aye aisa

[@GreatStackDev]

jaise is video me, button click par transform: scale(); lagya hai maine waise hi menu click par transform: translateY(); apply kar lo

[@rakeshkoduri3891]

One of the best videos I had watched that you sir

[@k.lilonka6037]

good skills,LOVING THIS!

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@princeyvibes6732]

Best tutorial channel This was so helpful to me Thanks a lot 💯💯💯💯

[@GreatStackDev]

Glad it helped

[@aayushsharma5123]

Sir, I have one doubt. At 14:56, you change the color of the text when you hover. WHATEVER I do, it WOULD NOT change the color. Please help.

[@CiClone111]

I really enjoy your channel and you are a good teacher. I might have missed sotNice tutorialng and I don't get friends with the setuper. I worked

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@shahriyorhusanboyev7969]

Thank you. It is very important and very nice video.

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@mdakbarali4405]

This video had very usefull for me....

[@SachinKumar-fb7id]

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

[@leynakagere]

Thanks it has really helped so much 😊 on our projects

[@onagato7307]

Hello i have question what is better this drop down menu or tag ?

[@JustForFun1426-t4k]

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

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@vidam157]

Perfect lesson sir!! You made by day Thank you and keep it up!!❤❤

[@WebTrend]

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

[@الإسلامدينالحق-خ5ت]

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. kzbin.info/aero/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@creativeamay]

Which editor you are using ? I am using notepad++

[@GreatStackDev]

It's brackets Editor, you can download here: brackets.en.softonic.com/download Here is the video for brackets editor shortcut keys: kzbin.info/www/bejne/bmm7k2ScndinaKs

[@creativeamay]

@@GreatStackDev thankyou sir

[@creativeamay]

@@GreatStackDev I am using windows 7 32 bit , will it support ?

[@wandukwahenryjames4769]

wow this guide is so gud for those who are commerceing with webdesigning

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@Lovely_Jeong]

This video helped me a lot! thank U =]

[@GreatStackDev]

Thanks to you for comment

[@anamventures1806]

your method of teaching is very nice you are good teacher....

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@JdotSewell43]

Your videos are extremely helpful. Thank you so much.

[@alexmiron3296]

No , in this video i didnt learn what you said at the end , in this video i finnay managed to understand how html and css connect to eachother Thanks!

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@robertoandreslunareyes8897]

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

[@ElWillyNacho]

This was super useful, thank you very much! Greatings from Chile!

[@Suriannavaram]

Excellent

[@lithsokuntheary1578]

Thank you very much from Cambodia🙏

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@heriirawan3768]

Awesome Nice tutorial bro, thank you so much. I get it all👏

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@sonsisay]

today i sawed this video and amazed more, thanks for your great support thank you so much.

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@travelwithpahadibhulla]

Thanks 🙏 a lot you are best teacher of web developing

[@charusharma7872]

animated Box With CSS kzbin.info/www/bejne/nXPQqWaIormbeqc

[@itxxsaiff]

I am new in your channel it is great for me Love this

[@mrCetus]

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!!!!

[@gadgetmaster1233]

Hover And After CSS is not working in my vs code while enabled. Please guide me.

[@manjurulsirr-1878]

Awesome. Strong learning can be gathered

[@simonmuchemi7969]

You've made my life easier, thank you so much.

[@GreatStackDev]

Thanks Simon, Glad you liked this video to make drop down menu for website