the reason you have so many subscribers is: not only are you an awesome instructor BUT you also make your screen big enough to SEE what you're doing; even on a mobile device... other programmer instructors please take notice...!!! Excellent video!!!!
I can't find a good and clear tutorial about HTML dropdown and I only got a 2 days deadline before I pass my project. Man you actually saved me from my grade 11 thesis thanks a lot, keep it up.
many have been called for the teaching but few have been chosen to give out the real content as far as online tutorial is concerned, THANK YOU SIR DANI
I have seen around 10 diff top listed videos And yours is the best now I dont need to watch anyone else’s video to understand styling drop down menus Best teaching skills
When you need to search on youtube because your college teacher want you to do a site that uses it even though he never really told you how things even work.
When you've been there and done that already and are instead doing independent study, except now you don't have to pay for someone else to tell you to look it up. x)
Great tutorial. Many thanks. What worked better for me, though, was giving 'position: relative' to 'nav ul' instead of 'nav ul li'. It helped me with positioning the drop down part of the navbar which has 'position: absolute'.
@@janasokolovic2496 he likely does, in a shared Google Drive folder, that is made available by subscribing to his Patreon account, or now "joining" his TH-cam Channel.
A lot of 'ul', 'li' 'ul', 'li' 'a', 'ul', li's to keep track of. That's why div's are preferable. Otherwise, very clever. Now I have to figure out how to add the hover feature to all of the menu items.
You're amazing thank you, I really like how you explain how the whole HTML and CSS work while building the drop-down menu and the reason why you've added those values. Cheers
thank you so much brother, im just teaching myself html5, css and stuff and this was really confusing me till i watched this video your an absolute legend.
hey thank you so much! i appreciate you not declaring any IDs or Classes, it makes it much easier to understand what each part needs to be stylized with what!
Thank you so much for doing this tutorial! It by far was the easiest to follow and I'm very happy to say, I am able to get the exact results I was looking for.
Thank you a lot man! I have been struggling to do it myself, and as I am still inexperienced, I used bunch of divs and id's and whatnot, and it was a complete mess when I have tried achieving hover effect correctly. Your video has shown me parent->child relationship pretty clearly and simple and now I have completed my task for college successfully and I feel so happy now! c:
Can you put a dropdown menu inside of a dropdown menu? When you hover over the nav bar, and the first dropdown menu appears, can you then hover over that dropdown menu to get another dropdown menu?
Thank you very much for the thorough, concise and working tutorial! After watching about 9 other videos that quite didint work for some reason, everything in yours did! Thank you again!
Thanks for this awesome video why I am calling this awesome is because it is not only written at a quick pace but just every single thing is explained and if we want to just change something it is said that it is your preference. I got a lot, thank you for making this video, your style of teaching is like my teachers who always explains everything he teaches
Really Glad I can do this! Thanks! One thing though, a slightly lighter background image would make it easier to see the black letters in the dropdown menu before they get a white dropdown background.
something I understood when you said it, but perhaps not 10 mins later. I would need a worked example with comments in it. I would probably mess it up trying to make it responsive. But I enjoyed your instruction style.
First of all, your tutorials are amazing and really helpful! When trying to write this code Upon moving the cursor onto the drop down menu the background color is not changing. Can you please let me know if i have made a mistake somewhere? Here's my CSS code: *{ margin:0; padding:0; } body{ background-image: url(IMG/bg.jpeg); } nav{ width: 100%; background-color: white; height:60px } nav p{ font-family: impact; font-size:50px; line-height: 30px; float: left; padding: 10px 20px; } nav ul{ float:left; list-style-type: none; } nav ul li{ float: left; list-style-type: none; position:relative; } nav ul li a{ display:block; font-family: helvetica; font-size:20px; padding: 20px 35px; text-decoration: none; } nav ul li ul{ display:block; position: absolute; background-color: white; } nav ul li ul li a{ padding: 8px 30px; } nav ul li ul li a: hover { background-color: #999; } here's my HTML code:
DESIGN ENCLOSURE Home Services Digital Marketing Logo development Product Photography
Thank you very much for your hardwork in explaining it very well. Its my 1st time learning css but i understood it immediately. But, you forgot to show us how to put the arrow for the drop down
How can I add a logo instead of a text in the line above the ? I want to do this with CSS as background in the top left corner but somehow it does not work.
Im learning to code a website and this was super helpful, a great walkthrough with tons of info but it will just take time to learn it all. Thanks a ton!
Perhaps a bit quick for a beginner like me. The copy and paste at times were confusing, especially when a whole section is copied and then 95% of it deleted as only one line was required. Other than that, it is a most informative video.
NEW UPDATED 2023 COURSE AVAILABLE! 🙂
You can find it here: th-cam.com/video/v8jDnBYc0bs/w-d-xo.html&ab_channel=DaniKrossing
Though Lesson 12 of the updated course for 2023, *does not* include a sub-menu, as you brought out here. 🤔 04-28-2023 0400 PT
Hi, How to create new page inside one of the dropdown menu button to display the text/content of the page. I don't know how and what to do..
the reason you have so many subscribers is: not only are you an awesome instructor BUT you also make your screen big enough to SEE what you're doing; even on a mobile device... other programmer instructors please take notice...!!! Excellent video!!!!
There's a lot of "tutorial videos" out here but none explains as clearly as this guy. Thanks a lot man
I can't find a good and clear tutorial about HTML dropdown and I only got a 2 days deadline before I pass my project. Man you actually saved me from my grade 11 thesis thanks a lot, keep it up.
many have been called for the teaching but few have been chosen to give out the real content as far as online tutorial is concerned, THANK YOU SIR DANI
Yes it's true. You are explaining really well, without hiding. You make your students from zero knowledge to well informed.
I have a 2023 HTML course linked in the pinned comment, in case you are interested 🙂
@@Dani_Krossing yes please
Thank you for your precise and concise directions. Extremely helpful in helping me understand drop downs. Thank you.
I have seen around 10 diff top listed videos
And yours is the best now I dont need to watch anyone else’s video to understand styling drop down menus
Best teaching skills
Amazing - i have seen folks doing it with tons of html class , buttons, js efc.
You came here without all this mess and knock it out beautifully
When you need to search on youtube because your college teacher want you to do a site that uses it even though he never really told you how things even work.
Welcome to school soldier
that's basically how college works
that's basically how programming works
When you've been there and done that already and are instead doing independent study, except now you don't have to pay for someone else to tell you to look it up. x)
@@celticpanda1494 Same
I cannot thank you enough, this thing helped me get extra points on my project. No one in my class did this. thank alot!
Brother kindly contact me
you´re the best instructor
i´ve even seen on all youtube, good video i love your way to teach.
Thank you so much. I tried so many other channels and what they show doesnt work but yours does.
Another great video I found! When I’m really struggling with a project, you are my go to guy. I love your channel.
This is a great tutorial! I appreciate you taking the time to clearly explain things step-by-step. Cheers
after watching lots of videos... i finally understood the whole concept.. thanks so so much man
This is the best, the most instructive, and simplest tutorial after searching online this kind ones!
You are the best lecturer I have seen big up bro
Great tutorial. Many thanks. What worked better for me, though, was giving 'position: relative' to 'nav ul' instead of 'nav ul li'. It helped me with positioning the drop down part of the navbar which has 'position: absolute'.
FANTASTIC and Detailed instructions! Very Nicely Done! Bravo, Bravo.
Great tutorial. For me it's the best on youtube and I've seen a lot of those drop down menus. This one is straight forward, simple and clean code.
Thank you for the walkthrough. It was what I needed to complete a rather extensive dropdown menu.
I've been struggling with the dropdown menu for days. You make it so easy to understand! Thank you very much! Really appreciate it!
Hi, mine does not work... can you send me your code to my email i compare?
@@june-nz8hz hey
ahahahahah is there any way that u still have that code?
@@janasokolovic2496 he likely does, in a shared Google Drive folder, that is made available by subscribing to his Patreon account, or now "joining" his TH-cam Channel.
YOU ARE THE BEST I DID NOT UNDERSTAND IT FROM ANYONE ELSE
A lot of 'ul', 'li' 'ul', 'li' 'a', 'ul', li's to keep track of. That's why div's are preferable. Otherwise, very clever. Now I have to figure out how to add the hover feature to all of the menu items.
Finallyyyyyyyy!! I did it..!! After 3 damn days, it was possible to make a drop-down menu. Thank you so much, sir!
hey
do u have code written cause my is not working?
@@janasokolovic2496 Yeah! I have practiced creating the dropdown menu, and this video has helped me a lot.
This channel has the best tutorials for web development ! explanations are always clear
Thanks, very useful video, so now I can do my project at college way more easily
OMG this is literally the best thing ever THANK YOU SO MUCH!!!!!!!!!!!!!!!!!!!!
You are a genius in terms of explaining. Very nice.
You're amazing thank you, I really like how you explain how the whole HTML and CSS work while building the drop-down menu and the reason why you've added those values. Cheers
thank you so much brother, im just teaching myself html5, css and stuff and this was really confusing me till i watched this video your an absolute legend.
You are awesome Dani! Thank you my friend. You are such a great teacher as you explain it very well.
wow .. its awesome. I created a dropdown along this video. 😄
Thank you. Do you repeat the exact process if you have multiple drop-down menus within your nav?
Nice effect. Thank you for your clear explanation.
This was exactly what I was looking for! Huge thanks to you!!!
I have watched this video 5X. Thanks Mr. Dani
This was a lifesaver! You explained everything so clearly! Thank you!!
Really good, easy-to-follow video and it teaches you exactly what it says it will so very practical. Thanks for posting it!
thank you very much, you're a life saver!
I've tried many ways to do it, this is the one that works for me.
A very detailed step by step video. Thank you very much~
hey thank you so much! i appreciate you not declaring any IDs or Classes, it makes it much easier to understand what each part needs to be stylized with what!
Excellent explanation and this video is way much better than my useless professor at school....
Good insturctor i watched many videos and i don't understand anything you're explain clearly thankz teacher for help us
You just saved my mid-term grade. Kudos to you my good sir.
Thank you so Very Much!!!! You made this understandable and I now know how to do this.
Thank you so much for doing this tutorial! It by far was the easiest to follow and I'm very happy to say, I am able to get the exact results I was looking for.
the best html css tutorial ever!!!!
Awesome tutorial! So easy to follow and understand. Many thanks!
You're an angel.. thank you !
Heavy duty CSS ... He makes it look so easy!
very well and simply explained. thanks
Clear explanation... Thank you very much.
Great video, but i was actually looking to see how you connect the pages in the dropdown menu I'm having a small issue! Thanks!
Excellent walkthrough.
Wow! Amazing! Nice CSS coding! Thanks 🙏
You are great teacher.
Thank you a lot man! I have been struggling to do it myself, and as I am still inexperienced, I used bunch of divs and id's and whatnot, and it was a complete mess when I have tried achieving hover effect correctly. Your video has shown me parent->child relationship pretty clearly and simple and now I have completed my task for college successfully and I feel so happy now! c:
You explained this video so good. Best tutorial on dropdown.
This is really HELPFUL!!! :3 :) LIKE
Thanks for this tutorial it was so great! You are a fantastic instructor.
AMAZINGGGGG, thank you for the class. Good teacher!
"nav ul li ul li a {
}"
, my head hurts
You can target that with a class name as well.
hahaha
code examples of navbar menu examples.
bootstrap-menu.com
@@vsdy1990 This is only for using the bootstrap framework..
navulliullia
All I wonder is told in last 2 minutes. =) Thanks..
Wow thank you so much for your explanation such a useful tutorial 🙏🏻
Thank you very much that is a very good demonstration
Can you put a dropdown menu inside of a dropdown menu? When you hover over the nav bar, and the first dropdown menu appears, can you then hover over that dropdown menu to get another dropdown menu?
Great material Mr! Thanks
Very clear and understandable video. Thank you very much for this great tutorial.
Thank you very much for the thorough, concise and working tutorial!
After watching about 9 other videos that quite didint work for some reason, everything in yours did!
Thank you again!
Thanks for this awesome video why I am calling this awesome is because it is not only written at a quick pace but just every single thing is explained and if we want to just change something it is said that it is your preference. I got a lot, thank you for making this video, your style of teaching is like my teachers who always explains everything he teaches
Thanks man! this was the exact video I needed!
Greatly helped me make my school project. Appreciate the effort! Thanks!!
hey
do u have thid code written cause my is not working?
Really Glad I can do this! Thanks!
One thing though, a slightly lighter background image would make it easier to see the black letters in the dropdown menu before they get a white dropdown background.
GREAT!!! TNX! I'm going to try to do it by myself!
Thank you so much for explaining each and everything very clearly.
This is a fantastic tutorial, thanks so much!
Absolutely brilliant... thanks for making this so easy😃
ONE OF THE BEST LECTURE.
Thank you for the video, it was very useful for me
something I understood when you said it, but perhaps not 10 mins later. I would need a worked example with comments in it. I would probably mess it up trying to make it responsive. But I enjoyed your instruction style.
First of all, your tutorials are amazing and really helpful!
When trying to write this code Upon moving the cursor onto the drop down menu the background color is not changing.
Can you please let me know if i have made a mistake somewhere?
Here's my CSS code:
*{
margin:0;
padding:0;
}
body{
background-image: url(IMG/bg.jpeg);
}
nav{
width: 100%;
background-color: white;
height:60px
}
nav p{
font-family: impact;
font-size:50px;
line-height: 30px;
float: left;
padding: 10px 20px;
}
nav ul{
float:left;
list-style-type: none;
}
nav ul li{
float: left;
list-style-type: none;
position:relative;
}
nav ul li a{
display:block;
font-family: helvetica;
font-size:20px;
padding: 20px 35px;
text-decoration: none;
}
nav ul li ul{
display:block;
position: absolute;
background-color: white;
}
nav ul li ul li a{
padding: 8px 30px;
}
nav ul li ul li a: hover {
background-color: #999;
}
here's my HTML code:
DESIGN ENCLOSURE
Home
Services
Digital Marketing
Logo development
Product Photography
Projects
doccuments
Thank you very much for your hardwork in explaining it very well. Its my 1st time learning css but i understood it immediately. But, you forgot to show us how to put the arrow for the drop down
How can I add a logo instead of a text in the line above the ? I want to do this with CSS as background in the top left corner but somehow it does not work.
This helped a ton in getting the results I desired! Great tutorial!
Perfect tutorial!
The best tutorial ever seen
Very useful and thank you!
alo hvala bruda pune jako!!!!
ideee bosna!!
now i can expand my little knowledge about coding html, thanks!
Im learning to code a website and this was super helpful, a great walkthrough with tons of info but it will just take time to learn it all.
Thanks a ton!
Thank you very much for this great tutorial!
mannn thank you a lot you know i was search about how can i do that so finally i learn how can i do it thanks man
Domo Arigato Gosaimasu! Really helpful!
Perhaps a bit quick for a beginner like me. The copy and paste at times were confusing, especially when a whole section is copied and then 95% of it deleted as only one line was required. Other than that, it is a most informative video.
Thanks! I will be adding links to your playlist on my website!
So do I
17:49 If you want to make it adjust to the text size, just put white-space:nowrap; Works like a charm
How would I put a image next to the website title like the website header and not the page title
Great tutorial... Appreciated.
Thank you for this explanation! It works amazing!
hey
do u have thid code written cause my is not working?