12 | CREATE A WEBSITE MENU BAR IN HTML | 2023 | Learn HTML and CSS Full Course for Beginners 

i love this i am 9 years old and still can learn coding from him

I had a great time following these courses so far, I can't wait to find out more! Thank you for teaching us this.

i hope ur still into making videos like this. cuz im learning with your all courses! thank you for having courses/videos content like this!

extremely useful tutorials! thank you for your work

Thank you so much for this - been trying to align my header items (logo, nav, sm) for hours using display:block/inline, completely forgot about flex and how to use it. Keep doing what you're doing bro, we all appreciate it, massively!!

Thanks for sharing free knowledge 🙂

Wow, what a bounty of knowledge, Dani. This and your Flexbox video are both a little overwhelming (which is entirely understandable) - but you make this so clear that I will enjoy watching these again to allow for better "absorption" . . . When other teachers have gotten this "thick" I usually just zone out and have difficulty paying attention. You make this so approachable that I like looking forward to re-watching these. Thank you for bringing such excellent instruction to CSS! Great work!

This is so helpful for me , thank you.

Really glad I followed the whole process. Learnt alot especially about flexbox.

The best video that I ever found about coding! Thank you very much 🙏😍😍😍

Just in time. I was trying to do almost exactly what this does and your method works. Mine got close but it was clumsy.

I like how you explaining for mistake you made for row/column gap... it was so cute.. You are just a man.. happens ... Thank you for your service man hahah Your videos will help a lot of people ! Thank you

Excellent job, Dani. One thing I notice is that, it does not matter how much we claim to know, learning will always remain in demand.

good work..i have learned alot

Thank so much! ❤

Your channel deserves a lot more love

This class is superb!

you're the goat for sharing all this

Definitely I’m going to build my own website with this tutorial

Sir God bless you so much for impacting knowledge in me

Great video many thanks ..

Thank you for leading me here, Dani .. this video is great! I actually came to find out how to attach my Navbar to other pages so that I don't have to manually edit my navmenu on every page. I acutally learned a few more tricks by watching this. 👌🏽 But couldn't find a way to link my Nav bar to the other pages..

Quick tip that will make your workflow faster. Download Live Server extension using the extension tab. It automatically refresh your browser for you, anytime you make changes and save the changes.

thank you sir

THANK YOUU SOO MUCH

Your cousrses are awesome!

Daniel... I usded to work with php and a mysql-DB like 15 years ago. After having an intense view on your videos I realized: Kumi knows NOTHING! I watched alot of tutorial videos, but yours are FAR THE BEST! You're making me understand stuff in just a few minutes, that on others channels will take me hours! Go on with this. I really love your vids. You are taking me onto another level!

this is so far the best way to teach someone . your teaching skills are from another level. Thank you very much for sharing your knowledge with us for free.

Well done mn

First here, from Ghana

Hey thx for your content i had a question and cant find an answer online how can i for example have 3 of the items at flexstart and have the contact us at flexend? Is it possible without using margin?

What about changing the hover image for the logo?

Can you pls do a video about how to connect your login page to the shopping cart with order history?

When I created my video player UI I used colored boxes to layout everything, it's such a great way to visualize layouts. The only ting is... you run out of highly distinguishable colors very easily 😂

Hey Dani sir! could you make an updated JS tutorial also🙏

Hello Dani! Firstly, I'm newbie and i rly thank you for your conrtent. It is rly helpful for me. But i wanna ask something. At 36:36 , when i do display:block , all my menu items are becoming vertical. Like all stuff "ABOUT", "CONTENT" is on top of another. But when i do display: inline-block; then it becomes horizontal again. why is it different than yours? .index-header { background-color: bisque; width: 100%; height: 60px; display: flex; justify-content: space-between; } .index-header-search-bar { margin-left: 40px; background-color: aqua; width: fit-content; height: 100%; display: flex; align-items: center; } .index-header-search-bar a { margin-right: 5px; } .index-header-menu { margin-right: 20px; margin-left: 20px; background-color: aquamarine; width: fit-content; height: 100%; } .index-header-menu ul{ list-style: none; margin-right: 10px; } .index-header-menu ul li { display: inline; margin-right: 20px; } .index-header-menu ul li a { line-height: 60px; display: inline-block; height: 100%; } .index-header-menu ul li a:hover { color: rgb(143, 37, 37); } I have a little bit different code than yours but it is almost same. (index-header-menu is header-main-nav for you.) when i changed my code from display:inline-block; to display:block; the mistake is happening that i have mentioned.

Hey :) really loving your content, so much more useful than the course I'm doing. When it came to putting a gap between the media icons, it comes up with row-gap, but col-gap didn't work. Just using gap seemed to do it. Is this an issue or is it ok to use going forward? Awesome job :D

Just learning here, Now how does this get connected to the pages, like Home, Products, About, .... Do you have to recreate it for every page or is there an "include" to just add to a new page?

html lang ="da" ikke dk ( og hvis det er iso er det da-DK tror jeg nok ). Super gode videoer :)

When I enter the text "HOME" inside my tag, it shows up in the browser with the background color. How do I get rid of that background color and just show up the text like yours? I've added my reset CSS file, I tried using background-color as none as well for ".header-main-nav li" and didn't work. Then, I set background-color as transaparent !important as well and didn't work.

Hi, I can’t seem to find where you talk about making the header sticky

Hey Dani, when I try to change the cursor to a pointer it doesn’t change. Any ideas why?

Hello Daniel.I have a problem,after i do it as you,but i don t see the maine header:(..

the colors except for white aren't showing up on my end. :(

Hi guys, Can someone tell me why i cannot block display of anchor even thought i wrote display and height correct?

so i have a problem: henever i tr to put the image, the text: HOME, etc. doesent line eith everything. do u kno hy?

Hi there! I am curious to know if it would be better to use display: none to hide the fb and insta icons when pre loading it in the body rather than the method shown in the video.

Hey Dani! when I resize my web browser, the contents in my menu moves below each other. I have the styling exactly how you have it. any thoughts? I am using goggle chrome

i don't know if you'll gonna see this but when I hover my social media picture it enlarges and when I tried adjusting the size of the hover picture the other navigations move sideways and the picture will move away from my cursor like it doesn't want it to be clicked.😅

Waiting for next video 🤧

Please can you add a slide bar to this navbar

Why not make a list for the icons? Wouldn't it be easier to just set the parameters for both of them at the same time?

Do we STILL need to use LISTS in navs?

Sorry a newbie question but how do I watch the HTML & CSS RU-vids in sequence?

can u please do a new js tutorial🙏🙏🙏🙏🥺🥺

are you going to adapt your website to mobile version?

this code wont work for edge the fb icon is not viseble ant the insta icon goos invisble when hovert on for the rest does this code work if i use firefox the insta icon turn white the rest of browers it works just fine but can u give us an selution so it works all browers

what to do to type a a name in the navbar instead of a logo ??????

the anchor doesnt need a closing tag.

First 🤣

Man made Columbian flag :)

The whole video is blurry, is that not the case for anyone else?

Your vid is a little pointless since you arent showing effect in browser

Thank you so much Danni. I've learned a lot from you. :) Can you explained me about this? body ::after { position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; content: url(../img/fb-color.png) url(../img/gmail-color.png); } what is the difference if I don't put this? hehe. Thank you again. :)

My class (.header-main-nav ul li a) css styling ain't showing on the browser unless i move them to class(.header-main-nav ul li) what might be the problem???@dani cross

First here, from Ghana

Hey Dani, when I try to change the cursor to a pointer it doesn’t change. Any ideas why?