มืด

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

Easy Tutorials
ติดตาม
มุมมอง 976 014
98% 9 597 163

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: thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-99vHH_6F0Ko.html
Create Fitness Website Tutorial: thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-4bPABX-jOko.html
Create Personal Resume Website: thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-qCFN8EujbGI.html
Digital Agency Website Tutorial: thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-v0IgI8vYD_o.html
Job Portal Website Tutorial: thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-cHgx8a-eBDQ.html
E-commerce Website Tutorial: thvid.net/group/PLjwm_8O3suyPMWITFTSRKQ5vlJJMJyCXV
-------------------------------------
Best hosting up to 60% off (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/go/hostgator/
Affordable hosting up to 91% (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/go/hostinger/
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
Join my channel membership and get all my new video's codes in community post:
Join Link: thvid.net/show-UCkjoHfkLEy7ZT4bA2myJ8xAjoin
-------------------------------------
Like - Follow & Subscribe us:
► THvid: goo.gl/tTFmPb
► Facebook: goo.gl/qv7tEQ
► Twitter: twitter.com/ItsAvinashKr

เผยแพร่เมื่อ

 

23 ก.พ. 2019

แชร์:

แชร์:

ดาวน์โหลด:

โหลดลิงค์.....

เพิ่มลงใน:

เพลย์ลิสต์ของฉัน
ดูภายหลัง
ความคิดเห็น 100
vineet purohit
vineet purohit 32 นาทีที่ผ่านมา
suscribed just now :)
O Guaxinim dos Paranauê
O Guaxinim dos Paranauê 57 นาทีที่ผ่านมา
Can you make a tutorial using this same menu, transforming this example in responsive menu?
Dream WorldMiX
Dream WorldMiX 3 ชั่วโมงที่ผ่านมา
Nice
Ikramul Hossain
Ikramul Hossain 19 ชั่วโมงที่ผ่านมา
wonderful teaching experience
Vương Dương
Vương Dương วันที่ผ่านมา
many thank
SashakaproBG
SashakaproBG วันที่ผ่านมา
Can anyone send me the code of home i delete it and i cant get it back
SashakaproBG
SashakaproBG วันที่ผ่านมา
Please send me the code of home i delete it and i cant get it back
SashakaproBG
SashakaproBG วันที่ผ่านมา
PLS how you get black theme
Learning & Entertainment Point
Learning & Entertainment Point 5 วันที่ผ่านมา
Very nice also an amazing content Please sir support my yt channel
Inzamamul Hoque Emon
Inzamamul Hoque Emon 5 วันที่ผ่านมา
This content are most usefull for beggener the basics
Mizanur Rahman
Mizanur Rahman 5 วันที่ผ่านมา
Very very nice and informative. would you please send me the code. I need for practice at home. mrmiajee@gmail.com
Ahmed Mubashir
Ahmed Mubashir 7 วันที่ผ่านมา
Sir why does my background image divide into many images instead of fitting the whole screen and why does my background image come blurry i tried everything you did but these problems arise.Can you tell me some possible solutions?
Abin Sunny
Abin Sunny 5 วันที่ผ่านมา
May be its because the size of image is not specified.please try this : body { background-image : url(your image.jpg); Height : 100vh; background size : cover; background position : center; }
bogiri nagaraju
bogiri nagaraju 7 วันที่ผ่านมา
i tried this style to implement but this was getting problem like "the drop down menu is displaying behind the body text..." can any one help me...
Bogiri Nagaraju
Bogiri Nagaraju วันที่ผ่านมา
@Gaurav Sharma Thank you...
Gaurav Sharma
Gaurav Sharma 5 วันที่ผ่านมา
use;; position:relative; in display :block tag...
AR RIFATH 3D DESIGNER
AR RIFATH 3D DESIGNER 7 วันที่ผ่านมา
High-speed and 100% security Domain & Hosting For a website create link www.cmt.ltd/clients/aff.php?aff=3
B TECHNICAL EDUCATION
B TECHNICAL EDUCATION 8 วันที่ผ่านมา
Nice
Sujit Kumar
Sujit Kumar 8 วันที่ผ่านมา
Sir , Can I contact with you , to create a new website mob-9348957332
Xe Điện Minh Nhật
Xe Điện Minh Nhật 9 วันที่ผ่านมา
xedienminhnhat.com
at494949
at494949 10 วันที่ผ่านมา
Sorce code plese if you can
NGowtham nadi
NGowtham nadi 11 วันที่ผ่านมา
But more than video uploaded plz
NGowtham nadi
NGowtham nadi 11 วันที่ผ่านมา
Thank you so much my cleared 👍👍
blot Damon
blot Damon 11 วันที่ผ่านมา
Hello, I’m Chander, the owner of mygoldgame mall. I’m very happy to meet you. I want to talk to you about our company’s business projects. You will get generous rewards and rewards, earning 100,000 rs a day. Please contact my telegram number: +91 72309 99344%%%
Rayhan Uddin
Rayhan Uddin 13 วันที่ผ่านมา
thank's brother.
Tom de Visser
Tom de Visser 13 วันที่ผ่านมา
Thank you, very helpful! :)
For You
For You 15 วันที่ผ่านมา
Thanks a lot.. I'm everyday searching and searching abouts same this vedio. But i got it's finally. Thank you so much brother...
Olek283
Olek283 18 วันที่ผ่านมา
I've got some problem. If I switch my browser to window mode background color of the menu getting cut off. How I can keep the look of menu bar in (for example) resolution 800x600?
Mukesh Yadav
Mukesh Yadav 19 วันที่ผ่านมา
Amazing.....❤️
RANJITH KUMAR SINGALURI
RANJITH KUMAR SINGALURI 19 วันที่ผ่านมา
thank you very much for this video
Aboubacrine Ag Touta
Aboubacrine Ag Touta 19 วันที่ผ่านมา
i really wanna know to animate a hamburger menu
siam minhaz
siam minhaz 20 วันที่ผ่านมา
❤️
Huỳnh Đức Bùi
Huỳnh Đức Bùi 21 วันที่ผ่านมา
how to make the menu bar sticky on top ?
محمد رجایی
محمد رجایی 22 วันที่ผ่านมา
Interesting
deepak misra
deepak misra 22 วันที่ผ่านมา
You waste my time...
Sumit Kaushik
Sumit Kaushik 23 วันที่ผ่านมา
Very nice video.request u to pls email me the code on sumitkaushik2007@gmail.com. Thanks
pets and animals life
pets and animals life 23 วันที่ผ่านมา
tnx nice tutorials on this channel how many programing languages do you now😋😋😋😋
favour okon
favour okon 24 วันที่ผ่านมา
Thank you so much for sharing your idea. This lesson was extremely helpful
MM Hasan
MM Hasan 26 วันที่ผ่านมา
love this video #Nice content + Useful "If anyone need logo design service they can reply me"
LOVE & LOVE
LOVE & LOVE 26 วันที่ผ่านมา
Nice bro...iam watching from Bangladesh।।
Praneetha Reddy
Praneetha Reddy 27 วันที่ผ่านมา
Which texter used in this
Grease quala
Grease quala 27 วันที่ผ่านมา
how to do we hyper link texts to those links ???? can you please show us that too ?? not using section navigation in a same page, but different pages,
Praneetha Reddy
Praneetha Reddy 28 วันที่ผ่านมา
Will u send hotel management web page to praneethaindukuri16@gmail.com
Erfan Tavoosi
Erfan Tavoosi 28 วันที่ผ่านมา
Thanks for the video. But I think the title should include "Bootstrap"
Soniya Bhor
Soniya Bhor หลายเดือนก่อน
So easy & nice concept sir..👌😊👍
Guru Gaming
Guru Gaming หลายเดือนก่อน
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.
J j
J j หลายเดือนก่อน
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
Nikhil Patel
Nikhil Patel หลายเดือนก่อน
Bro, please provide the code in the description . Your are videos are soo helpful.thank you
Ankit Kumar
Ankit Kumar หลายเดือนก่อน
Bomb
Tec Bangla
Tec Bangla หลายเดือนก่อน
nice tutorial
Vighnesh Acharya
Vighnesh Acharya หลายเดือนก่อน
Just imagine the life without wordpress, Astra elementor etc😀
Hoang Anh
Hoang Anh หลายเดือนก่อน
nice, it's useful for me, thank you!
Bhavani Desala
Bhavani Desala หลายเดือนก่อน
Sir,R u using visual studio code?
JURIS CENTRAL
JURIS CENTRAL หลายเดือนก่อน
My css file is not reading the alignment colour and background. Tell me the solution
Promise Basunia
Promise Basunia หลายเดือนก่อน
nice
Tazul Islam
Tazul Islam หลายเดือนก่อน
Lot of thanks dear. It's excellent.
Love for KRISHNA
Love for KRISHNA หลายเดือนก่อน
You are greate brother
Ramkumar .A
Ramkumar .A หลายเดือนก่อน
Good explanation
tamer hatoum
tamer hatoum หลายเดือนก่อน
your video must be posted 10 years back.
Channell Channell
Channell Channell หลายเดือนก่อน
Please add more pages to this menu...
ousmane déme
ousmane déme หลายเดือนก่อน
Hello Mr. Maybe I will find an answer. Once we have done all that how to make these tabs clickable? I mean so that if we click on a tab it redirects us to its page
zany pasri
zany pasri หลายเดือนก่อน
This video is really really helpful, thanks a lot brother :), I'm become your fan
Rahmath Rahmath
Rahmath Rahmath หลายเดือนก่อน
* { } From where this tag came, And what does it mean
SAKET SINHA
SAKET SINHA หลายเดือนก่อน
It is the selector which is known as star selector whatever style you apply in this selector applies to whole HTML page
Me Mee
Me Mee หลายเดือนก่อน
click ALT + 0123
Ganesan Chelladurai
Ganesan Chelladurai หลายเดือนก่อน
This is not fixed in the mobile display. Is there any additional code to add to this? Pls explain it.
1JS18CS123 RajatGupta
1JS18CS123 RajatGupta หลายเดือนก่อน
How to make this responsive
Punna Rajeev
Punna Rajeev หลายเดือนก่อน
while i am try to hover on sub-menu-1 items-list it's disappearing... can you fix it ?
Ytube
Ytube หลายเดือนก่อน
love your video, boss.
ইত্যাদি And So On
ইত্যাদি And So On หลายเดือนก่อน
Nice tutorial l
Madaswamy Murugan
Madaswamy Murugan หลายเดือนก่อน
Good Explanation... Easy to understand.. Thank you..
Sharif Al Harun
Sharif Al Harun หลายเดือนก่อน
Bro i following you but background img not showing
X Gravity
X Gravity หลายเดือนก่อน
Bro background image add nhi ho rha h
arju adhikari
arju adhikari หลายเดือนก่อน
Thank you very much
Nadeem afridai
Nadeem afridai หลายเดือนก่อน
❤❤❤❤❤🙏🙏🙏🙏🙏
Sibasish Sahu
Sibasish Sahu หลายเดือนก่อน
Thumbnail looks like a X Box based theme
Samyak Kashyap
Samyak Kashyap หลายเดือนก่อน
Will this work on Notepad also?
Amrit baraili
Amrit baraili หลายเดือนก่อน
bro what does this '*' do in style.css?
Rahmath Rahmath
Rahmath Rahmath หลายเดือนก่อน
I have the same doubt. Can anybody explain
Sangita
Sangita หลายเดือนก่อน
9:47 how select the line ?
C_Iahpun Suting
C_Iahpun Suting หลายเดือนก่อน
It is very helpful,
Justin McGinnis
Justin McGinnis หลายเดือนก่อน
I'm having some problems with the sub menu. I can't get them to re appear when I hover over the appropriate li
SANDY FUNDROID
SANDY FUNDROID หลายเดือนก่อน
I m also facing the same problem
USSAMA FARIS
USSAMA FARIS หลายเดือนก่อน
I have a problem always is chasing me for not showing any background images even though the path of the image is right.
ᕵᖇᗩᐺᘿᘿᘉ mᗩrɨภeR
ᕵᖇᗩᐺᘿᘿᘉ mᗩrɨภeR หลายเดือนก่อน
i too getting the same problem here. i would like ask to MR.youtube editor. please sort me out of it.
Muhammad Zayyan Nizam Muhammad Nizamuddin
Muhammad Zayyan Nizam Muhammad Nizamuddin หลายเดือนก่อน
good
Koko Raphael
Koko Raphael หลายเดือนก่อน
Thanks for part one, I wanted to finish up to part two. Is it coming soon?
Zasim Ahmed
Zasim Ahmed หลายเดือนก่อน
Brother please make PSD to Html video
Ki Jong Kim
Ki Jong Kim หลายเดือนก่อน
This video is great. I explained it really easily and applied it to my project. Thank you. Thank you so much!!!
Alam Zaib
Alam Zaib หลายเดือนก่อน
please subscribe ... html tips n tricks thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-O_Br6Ma5zEU.html
Sarju Panchal
Sarju Panchal หลายเดือนก่อน
fantastic sir teached very well
Sergio MoGz
Sergio MoGz หลายเดือนก่อน
It's great !, is it complicated to make drop down items work as selectable ?
ahmed karam
ahmed karam หลายเดือนก่อน
Color hunt app play.google.com/store/apps/details?id=com.whitewolf.colorhunt
Manjeet Singh
Manjeet Singh หลายเดือนก่อน
Can you please provide me a source code.
Jubayer Ahmed
Jubayer Ahmed หลายเดือนก่อน
nice video
B. Steyn Daniel -
B. Steyn Daniel - หลายเดือนก่อน
I could not set the back ground image
B. Steyn Daniel -
B. Steyn Daniel - หลายเดือนก่อน
sorry it is my coding fault
Saikat Dhar
Saikat Dhar หลายเดือนก่อน
Really Easy , and i am happy........
chandraguptha rajah
chandraguptha rajah หลายเดือนก่อน
happy to watch
Ash Sharma
Ash Sharma หลายเดือนก่อน
Very nicely and neatly done! thanks
All In 0ne
All In 0ne 2 หลายเดือนก่อน
I want loen web site
Joshua Bulambot
Joshua Bulambot 2 หลายเดือนก่อน
hello! I like your videos but my problem is there is other command in your code especially in the css that cannot work. I use atom. Is it ok if I used atom?
mardhapu Hareesh
mardhapu Hareesh 2 หลายเดือนก่อน
Bro I will popular your course contact me hareeshmardhapu@gmail.com
Surender Sharma
Surender Sharma 2 หลายเดือนก่อน
Thank you
hotflesh hotblood
hotflesh hotblood 2 หลายเดือนก่อน
Thanks bro for racking my brain
Sneha Sureshraj
Sneha Sureshraj 2 หลายเดือนก่อน
Hey your video is really helpful for my project. I need one clarification, my hover was working fine in the beginning, but once i finished my whole set up it isn't working now. please suggest me some ideas to make it work.
Qudratullah Ebrahimi
Qudratullah Ebrahimi 2 หลายเดือนก่อน
Thank You so much Bro
khalid mim muzahid
khalid mim muzahid 2 หลายเดือนก่อน
we need better sound quality.. please use better microphone.
Nour Arifi
Nour Arifi 2 หลายเดือนก่อน
can someone tell me how to add informations in about , contact ...?
Ajay Tiwari
Ajay Tiwari 2 หลายเดือนก่อน
Excellent
ต่อไป
VFX Artists React to Bad & Great CGi 35
19:12
มุมมอง 1 201 977
Top 10 Best VS Code Extensions (2020)
17:37
มุมมอง 504 000
CSS Grid Tutorial | CSS Grid Crash Course
29:01
ปลาไหลมหากาฬ SCP-3000
13:48
TWICE "I CAN'T STOP ME" M/V Platform Teaser
0:17
มุมมอง 13 876 178