Navbar help | Sololearn: Learn to code for FREE!

0

Navbar help

Hi guys, I have been looking at 4 different methods of creating a navbar (all completely different!) But they either make no sense, are messy or just dont work correctly. I just want a logic method that uses a separate css style sheet and works effectively. Anyone got any thoughts? Thanks.

10/3/2019 9:50:34 PM

DaveyR

14 Answers

New Answer

+2

This one has a external style sheet and is simple. https://code.sololearn.com/WZeW9v9Ei9Ge/?ref=app

+1

Take look at this. It is a css responsive navbar menu https://medium.com/@heyoka/responsive-pure-css-off-canvas-hamburger-menu-aebc8d11d793 https://code.sololearn.com/W4wGEXDExdBA/?ref=app https://code.sololearn.com/WeyZyBFzxE7n/?ref=app

+1

Those are nice, It'll take me a while to unpick those and figure out how they work! The layout is very tidy though which helps, thank you!

+1

These are all simpler with external stylesheets. https://codetheweb.blog/2017/12/12/style-a-navigation-bar-css/  https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav  https://www.tutorialspoint.com/Create-a-Horizontal-Navigation-Bar-with-CSS  https://www.washington.edu/accesscomputing/webd2/student/unit3/module6/lesson2.html  https://www.webucator.com/how-to/how-create-horizontal-navigation-menu-with-css.cfm  https://css-snippets.com/simple-horizontal-navigation/  https://www.w3schools.com/w3css/w3css_navigation.asp  https://www.w3schools.com/css/css_navbar.asp  https://codetheweb.blog/2017/12/12/style-a-navigation-bar-css/

+1

That's great, thanks for all the links. The responsive menu is a great example to reverse engineer

0

That's interesting, I hadn't realised that difference.

0

I'll look into anchor tags that sounds very versatile. Thanks for that I'll get researching. One last thing, which part of the box is the best way to centralize the text in the box?

0

My opinion: Include Bootstrap files , go to the official bootstrap site and search for navbar, copy the code and modify it as you wish. That's how I did in https://code.sololearn.com/Win25h47mQ0j/?ref=app https://code.sololearn.com/W0icwnGeJ52O/?ref=app 😁😊😅

0

That's a very good thought I have definitely looked into bootstrap however I am trying to get a good foundation making them from scratch