How To Make Drop Down Menu Using HTML And CSS

Рет қаралды 359,533

3 жыл бұрын

How To Make Drop Down Menu Using HTML And CSS
☕️ Support me
www.buymeacoffee.com/hamidur_...
👇 Social Media:
Twitter: / iamhamidur
Source Code:
lightcodeblog.com/how-to-make...
More Videos ?
Responsive Navbar Tutorial
• Responsive Navbar Tuto...
How To Make Login Form Using HTML And CSS Step By Step
• How To Make Login Form...
How To Make Animated Registration Form Using HTML And CSS Step By Step
• How To Make Animated R...
Navigation Menu With Awesome Hover Effects Using Only HTML & CSS
• Navigation Menu With A...
Amazing Animated Search Bar Using ONLY CSS & HTML Tutorial
• Amazing Animated Searc...
3D Flip Card Effect On Hover Using Only HTML & CSS
• 3D Flip Card Effect On...
Advance Animated Navigation Menu With Hover Effects - HTML & CSS
• Advance Animated Navig...
Display Flow Root Property in Css
• Display Flow Root Prop...
Build Tabs Using HTML & CSS
• Build Tabs Using HTML ...

Пікірлер: 115

@1k3j95 2 жыл бұрын

man this stuff blew my mind, the clarity of thought you have is amazing

@user-ex6gg9eo2b 9 ай бұрын

I understood every bit of it, thank you so much, I've been struggling with dis for several months

@danielkim1034 2 жыл бұрын

Nice and clean. Thanks a lot!

@saidulislamnayeem7200 2 жыл бұрын

Just Wow. I learned dropdown menu to easy way ❣️🥀

@thisis3621 2 жыл бұрын

One of the best video in entire youtube. keep it up

@WadieGamer Жыл бұрын

Thank you, easy and straightforward

@BlackDev 2 жыл бұрын

love your intro 1st time here def sub

@albedesigns 10 ай бұрын

Great video - straight to the point and easy to understand! Subbed as well!

@lightcodechannel 10 ай бұрын

Thank you so much for your kind feedback! I'm thrilled to hear that you found the video helpful and easy to follow. I appreciate your support !

@janazurynkova418 Жыл бұрын

thank y for the video...just learnt something new today!!!

@namjotsingh 10 ай бұрын

Amazing explanation. This video helped me understand how to use hover effect in Navigation bar that I have seen in many websites such as Steam. Thanks for this tutorial.

@lightcodechannel 10 ай бұрын

Glad it helped! You are welcome!

@Krishnasaini Ай бұрын

instead of hardcoding left:150px, we can do right:0 and transform: translateX(100%). it will align the chile to the right edge of the parent. Good video

@naturevibe172 18 күн бұрын

Thanks a lot! 😊

@nkienkie948 3 жыл бұрын

Good luck bro✊

@munwarhussainabro4009 7 ай бұрын

Amazing explanation.

@xalgraz7039 2 жыл бұрын

thanks for the help bro i subbed

@EstherNellyForGod 2 жыл бұрын

Thank you Sir

@rishisharma8596 8 күн бұрын

thank you

@joelojo4072 2 ай бұрын

Amazing video, keep it up man 👏🏾 ...Can you teach how to make it responsive tho

@mdamir3668 3 жыл бұрын

thank you very much

@maurov6861 2 жыл бұрын

Thanks a lot!

@user-uq9ne3nd6q 3 ай бұрын

Excellent tutorial :)

@An-yh2bl Жыл бұрын

It was good, I would like to do it with JS though. :)

@fanueleshetu8652 2 жыл бұрын

keep it up bro

@msatyabhaskarasrinivasacha5874 11 ай бұрын

Nice and awesome....................Extraordinary

@lightcodechannel 11 ай бұрын

Thank you very much!

@Azaniqbal-wk7bk 9 ай бұрын

wow Amazing😍

@ertekinertunc Жыл бұрын

great explanation, thank you

@lightcodechannel Жыл бұрын

You are welcome!

@arifhossen7364 8 ай бұрын

tnx brother

@brightasinde7034 3 ай бұрын

I appreciate you for putting A good work for us. Please can you crate a contact menu or nav bar with a link button to it So that when you click on contact menu a pop up form will display. Like contact us form, logging or massage us form will display as a popup in contact menu❤

@sureshoddolu1532 26 күн бұрын

Nice

@Ahmed_Mughal_ 4 ай бұрын

Very Nice

@user-jy6mh2hd9r 6 ай бұрын

Thanks a lot

@nayanwabale5362 3 ай бұрын

Make 1 video about how to design navigation bar drop-down menu Means when we click on particular drop-down menu then automatically open next webpage

@user-dr7gq9yt3t 10 ай бұрын

thanks alot sir

@ronjaschulze802 Жыл бұрын

Hello I wanted to ask if you could maybe show how to pin this drop download menu so that it is watching it scollen down all the time. Please this is very important for me I have to do this in chemistry.

@SportsandHistory 6 ай бұрын

very nice sr

@delioskayzox9658 3 жыл бұрын

Thanks :)

@heshammagdy3837 Жыл бұрын

legend❤❤

@nova9915 2 жыл бұрын

Thank u

@shankarganeshacharya4272 2 жыл бұрын

How tow write paragraph contents for main tabs and sub tabs . Plz help

@ammarsiddiqui6486 Жыл бұрын

it's outstanding but the problem is that i also do the half part and the half part use this video but just i apply display none it's then apply hover so it''s not work

@user-vc4wt7pl4d 10 ай бұрын

Great Video-Man Can u help me if i want FAQ to have right section like Team how to write code ?

@PixelGunner3D 2 жыл бұрын

did all steps correctly but the dropdown wont display up at top its stuck in left bottom.

@vmtamilselvi7973 Жыл бұрын

@svaeidi6174 2 жыл бұрын

Thk

@AlexAnder-fk2yg Жыл бұрын

great vid, so easy for you

@lightcodechannel Жыл бұрын

Glad you think so!

@nova9915 2 жыл бұрын

Cool

@lucatudtudose3299 2 жыл бұрын

I still have trouble putting the caret down

@computingpulse9144 Жыл бұрын

Great info..

@lightcodechannel Жыл бұрын

Thanks

@ronojpayeng637 Жыл бұрын

. dropdown-menu-1 { display: none;} Command not working. Please help.. here But first main menu . dropdown-menu { display: none;} woking.

@meerabofficial1092 Жыл бұрын

nice effort plz agr ap esy ak ak lfz smjha b. dyein TU mere lye asani hogi plz

@samueldayo9261 7 ай бұрын

I Love this background Tune, what's the instrumental name

@jamarionvanderlinden7643 Жыл бұрын

thanks

@amirakhaled-yg9gq Жыл бұрын

nice Design

@lightcodechannel Жыл бұрын

Thanks a lot, Amira!

@user-xf8qo5by1g 11 ай бұрын

Athume solama epudi podurathuku neega vedio podamale irukalam brooo😂

@rgarciap7 2 жыл бұрын

Very good and working code. Others have demos but code does not work.

@Rehskiimusic 8 ай бұрын

I can see my caret icon?

@technicianjakir3908 2 жыл бұрын

vai kotha ta hole icon er jonno ki bosstrap ba ki link babohar korchen bujlam na

@SR-gk3gm Жыл бұрын

Interesting

@lightcodechannel Жыл бұрын

Thank you S R.

@sayyedtausif9079 Жыл бұрын

helpful

@lightcodechannel Жыл бұрын

Glad to hear that, Sayyed!

@ranashahab5511 8 ай бұрын

👍

@riteshvaghela2170 2 жыл бұрын

How do I make these link in center

@kamalipayanam Жыл бұрын

Image box pola mattum thaan varuthu anna

@aikotan5884 3 жыл бұрын

can you do one where the navbar box doesn't cover the logo but its the same line?

@khairulbashar4585 Жыл бұрын

same to me :(

@javoxirbrilliant 6 ай бұрын

👍👍👍

@divyanshurawat-ox8xi Жыл бұрын

BEST VIDEO

@lightcodechannel Жыл бұрын

Thank you, Divyanshu!

@panchtantraKiKahaniyan896 2 жыл бұрын

can you please tell me which app you are using for html

@hridyanadappattel4400 2 жыл бұрын

vscode

@takejob.online 2 жыл бұрын

Vs code

@devaprasath9018 3 жыл бұрын

sub-menu is defined name or user defined name?

@badhanroy2185 7 ай бұрын

Demo please sir!

@ubaid_dev Жыл бұрын

Mate Please Tell me difference between postion absoulte and position relatives Mostly Doing Back end I forget

@ubaid_dev Жыл бұрын

And Please Tell me What is that height : calc(100vh-80px);

@lightcodechannel Жыл бұрын

100vh refers to 100% of the viewport height, which is the height of the browser window. So, calc(100vh - 80px) would result in a height value that is equal to the full height of the viewport minus 80 pixels.

@lightcodechannel Жыл бұрын

I suggest taking a look at the article below as it may provide you with the answer you are seeking. kolosek.com/css-position-relative-vs-position-absolute/

@el-jivacarter552 Жыл бұрын

How did u make ur name logo look real

@m0d_du_b0t18 3 жыл бұрын

its wow but at the end i couldn´t see the last css thing

@lightcodechannel 3 жыл бұрын

Thanks Now you can see :)

@m0d_du_b0t18 3 жыл бұрын

@@lightcodechannel thanks but I have A Problem : i Put my Image for the background but it didn't worked

@najouahimri4308 Жыл бұрын

@@m0d_du_b0t18 same problem

@29ibrahimsayed95 7 ай бұрын

hover is not working properly

@rozinapervin3767 2 жыл бұрын

hover does'nt work. all code are right , whats the problem

@lightcodechannel 2 жыл бұрын

Please see the description. There is a source code link, Please download and check again.

@PixelGunner3D 2 жыл бұрын

@@lightcodechannel source code still doesn't work mate.

@CabShare Жыл бұрын

This is not mobile responsive. Drop down does not work properly on mobile phone.

@Kaakabaakskshd Жыл бұрын

This is using for loop

@bukharihidup220 2 жыл бұрын

+1 sub

@mirfan6119 2 жыл бұрын

Thanksssssssssssssss............

@PixelGunner3D 2 жыл бұрын

nevermind i got it to work mate.

@unknownbot1756 3 жыл бұрын

Can you plz provide source code

@lightcodechannel 3 жыл бұрын

Please see the description.

@vijaythakur7878 Жыл бұрын

Bro first you check how to be responive.

@abrorturdialiyev 11 күн бұрын

nimaga manda oxshamadi

@justinaandreas647 10 ай бұрын

Codes are not visible😢😢😢😢😢

@lightcodechannel 10 ай бұрын

Not sure, what do you mean, Justina?

@user-vu6us2db7i Жыл бұрын

code available ha ?

@lightcodechannel Жыл бұрын

Arooj, Please take a look at the source code link mentioned in the description.

@Mandadi.Damodar 9 ай бұрын

Source code bro

@lightcodechannel 9 ай бұрын

Please check in the description.

@alexice8426 Жыл бұрын

What is the app coding name?

@lightcodechannel Жыл бұрын

Its VS Code Editor, Alex. Please check this out code.visualstudio.com

@alexice8426 Жыл бұрын

@@lightcodechannel thanks

@mohammedafzal3761 14 күн бұрын

So disgusting

@akshaykakade3782 Жыл бұрын

thanks