How To Make Drop Down Menu Using HTML And CSS | HTML Website Tutorials
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:
► KZread: goo.gl/tTFmPb
► Facebook: goo.gl/qv7tEQ
► Twitter: / itsavinashkr
Пікірлер: 2 200
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!!!!
Follow on Instagram: instagram.com/iamavinashkr/
@Dehatiduniya-nd7fc
Жыл бұрын
Sir please upload on github
@ivantopalski114
11 ай бұрын
THANKS FOR HELP .......MONEY MAKERS......
👉 Join on Telegram: t.me/greatstackdev
@Azim-sx3mm
10 ай бұрын
Sir, please explain how to select and position nested ul and li
@butoke-media6065
3 ай бұрын
oka
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
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
8 ай бұрын
hlo can you send me the code
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 kzread.info/dash/bejne/mXah2pWLnbfOdKg.html
I watched some videos for you to make a website and I saw that you are perfect God bless
আমার কাছে এই টিউটোরিয়ালটা অনেক ভালো লেগেছে। কেননা আমি অনেক ভিডিও টিউটোরিয়াল দেখেছি যেখানে অনেক অতিরিক্ত কথা বলা হয়। কিন্তু এই টিউটোরিয়ালটিতে অতিরিক্ত একটি কথা ও বলা হয়নি, এটা খুবই চমৎকার !আপনার জন্য শুভকামনা এগিয়ে যান।
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. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-
@alexprecious1915
Жыл бұрын
Same here...
Well enough to make my project "Shine"..! Thank You. Peace :)
@asifhossain2088
3 жыл бұрын
same here
@dtanubis1722
2 жыл бұрын
Why r u gay?
Hi! I'm Korean. Thank you so much!! Your video is useful and easy:) You are my best teacher👍
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
I liked for this video and i say keep going my friend✅✅✅✅👏👏👏👏👏
Thank You Soo Much Appreciate Your efforts Towards Uss 🙏 Help Me A Lot
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
Sir thank you so much first css was not applying but after i changed its name it worked thank you so much
I can't wait to press like button. Thank you are awesome
Thank you for that design .. really helped me to start my project
The best video ever...thank you so much for amazing video😊
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 жыл бұрын
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. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-
Dope tutorial, helped me out alot! Thank you.
@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. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-
well explained, thank you!
@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. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-
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
Thanks it has really helped so much 😊 on our projects
Maaaan, thank you soooooo much. Brazil here \o/
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 жыл бұрын
Xd
@miansherzaman8906
3 жыл бұрын
hy
@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. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-
Thank u now i understand codes that ive been copying online
Thanks a lot.. I'm everyday searching and searching abouts same this vedio. But i got it's finally. Thank you so much brother...
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
I'd love to see part two making it mobile friendly with media queries
@DEEPAKMISHRA-km9uu
4 жыл бұрын
It is helpful video Thanks 😍
@ganesanchelladurai8862
3 жыл бұрын
Where do I get the part two video with media queries?
@SeekCoding
3 жыл бұрын
@@DEEPAKMISHRA-km9uu kzread.info/dash/bejne/iY5pzrSnhMW5oKw.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
Brilliant video, Thank you for posting this video. Really helpful. Spent year long learning CSS. It makes sense.
@GreatStackDev
2 жыл бұрын
Glad it was helpful!
I'm from Bangladesh Thank you.
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 жыл бұрын
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. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-
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 жыл бұрын
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. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-
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! :)
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
Thank you sooo much. This has helped tremendously
I really want to thank you. You are the best.
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
This is so helpful sir thank you and how can I make this web as an interface of the database???
u are the only one who saved my code thank u so much
Thank you so much. I learnt a lot watching this video. Good explanation. You are a good teacher
Great :) Please explain short cuts also. what are the short cuts for copy the same code.
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
3 жыл бұрын
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 жыл бұрын
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. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-
@mumbaichaking3192
Жыл бұрын
can u help me creating attendance website
i'm clear about drop down menu. Thank you
Wow! This is awesome... Thank you for this tutorial.
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
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 жыл бұрын
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. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-
@charusharma7872
Жыл бұрын
animated Box With CSS kzread.info/dash/bejne/mXah2pWLnbfOdKg.html
Thank you so much its very helpful to mee ❤️
Awesome. Very much interested to learn about HTML & CSS . I have tried parallelly got good looking website. Thank You so much. Keep it up.
Amazing Tutorial! I am highly appreciated you, You helped me so much throughout the video.
@siddarthsmith1376
4 жыл бұрын
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
Thank you
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 жыл бұрын
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. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-
This video had very usefull for me....
Great !!! Tkanks youu
@GreatStackDev
5 жыл бұрын
Thanks Thắng Ciu for your comment
@aniketashokbhise
3 жыл бұрын
@@GreatStackDev where download image
Thanks for the very helpful tutorial. How do you link the the dropdown links to a page within the website?
@HeleneBimenyimana-ko9ug
9 ай бұрын
Same question
Your videos are extremely helpful. Thank you so much.
Thank you so much for sharing your idea. This lesson was extremely helpful
@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. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-
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
Can you share the link to the backgraund image
yOU ARE GENIUS MAN SO EASILY EXPLAINED tHANKS
One of the best videos I had watched that you sir
THANK U SOO MUCH , IT HELPED ALOT 💯
I know that you visit here because of school 😂😂
@Riddlezzz.
Жыл бұрын
Ye kis school me hota be
@aftabraza2854
9 ай бұрын
Yes brother you are right
@shk120
8 ай бұрын
Bro im in college 😒
@georgechris3281
8 ай бұрын
😂sure
@ShikharThakur-tr8iv
7 ай бұрын
I'm here bcoz of the views 3.2m🔥 1:21
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 жыл бұрын
😂😂😂😂
It's a really good video to recall simple things. Thanks for ur time.
Thank you so much, very easy way to learn. Thank you so much
Thank you, for your code that you have been coded to form a drop down menu.
@NirajKumar-tv2lm
3 жыл бұрын
super
Wow, nice that my left ear learns 2% more then my right ear!
a lot of thanks to your videos for a begginner and pro.a super thanks..worth.managed well as you have given images links
Really sir....thank u soo much for providing us this kind of videos
11:37 so I can re-watch it again lol.
@istoalfiah6851
4 жыл бұрын
Hahahha same
@kittencroft9
4 жыл бұрын
Thanks i was looking for that comment haha
@amongdoomers9464
4 жыл бұрын
What you guys mean?
@shakib_04
3 жыл бұрын
@@amongdoomers9464 main part start from there.
pls how can i get the background u use for the tutorial.
@brankokovacevic829
4 жыл бұрын
pexels.com
Thank you, very helpful! :)
Really Easy , and i am happy........
hello! I have a question... What resolution is this background image from your website?
@GreatStackDev
3 жыл бұрын
1920x1080
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
Thank you so much my cleared 👍👍
nice, it's useful for me, thank you!
🔥🔥🔥
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
Thank u so much for this helpful tutorial 😇🌹
you have eased me to design my web page
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
* { } 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
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
I am new in your channel it is great for me Love this
Welcome and Thanks a Lot.
Really well explained and a very good guide for beginners...👍👌
@mumbaichaking3192
Жыл бұрын
can u help me creating attendance webpage?
Thank you ! It was so easy to follow along with and understand. 😃
@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. kzread.info/head/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-
@charusharma7872
Жыл бұрын
animated Box With CSS kzread.info/dash/bejne/mXah2pWLnbfOdKg.html
The easiest and best video l have ever found in KZread for beginners to learn about html and css ...lots of respect to u bro🍀🍀
@jessicakoomson871
Жыл бұрын
Hi can I get the source code please
It is very perfect tutorial for all.
This content are most usefull for beggener the basics
merci beaucoup c'est très bien détaillé !!!!!!!!!!!!!!!!!!!!!!!! thank you so much, YOU ARE THT BEST
Thank for your sharing teacher
Thank you so much!
This video is very helpful Thank you!!
Well enough to make my project "Shine"..! Thank You. Peace :) love you sir
@GreatStackDev
3 жыл бұрын
Thanks Boss
Good Explanation... Easy to understand.. Thank you..
Best tutorial ever💟