Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Vlad Legkowski
9,882 PointsTook Guil's advice and stuck almost immediately!
Hi All!
As Guil recommends, I started my own sailing and want to create a basic website, very similar to the one we didd in this course.
But I really stuck with the nav bar... My "dream" nabber looks something like this http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_responsive I don't need no logins or any functionality behind the buttons, all links will just include .html links behind them.
But I struggle so much to replicate it in CSS. How do i access the CSS for above bar? And do I need any kind of JS for it to work? As i don't have any js experience.
Hope someone can help me out, and any ideas welcome, any examples of nice CSS and HTML navbars, bring it on. Today i spend few hours doing and researching this navbars but didn't make any progress!
Thanks all!
Alexandrino Nunes
Courses Plus Student 10,985 PointsHead Section. Style Tags!
2 Answers
Mark Pryce
8,804 PointsThe best thing I find when you discover something interesting is to dissect it using development tools 'inspect element' to find how it works.
Best of luck.
Matt Coston
18,425 PointsThe linked bar that you want to use and modify is in the HTML/CSS on the left. Do you not see the parts that you need to mess with? I would copy that HTML and play around with it. The difference is that the HTML and the CSS are in one file. Most people use two files for that now depending on the project. Good Luck!
Alexandrino Nunes
Courses Plus Student 10,985 PointsAlexandrino Nunes
Courses Plus Student 10,985 PointsHi Vlad.
What do you mean when you say you can't replicate the NavBar and acess the CSS?
Just by opening the link you shared you get acess to it and you can start making changes in the file.
The CSS that you need for this example is inside the <HEAD> section and inside the <STYLE> tags!
To create that navbar you only need HTML and CSS. No Javascript required!
If you think TreeHouse is to much difficult for you, try Codecademy. It's similar but maybe not so hard to learn when we are starting. I started at Codecademy after trying other sources and it worked fine for me.
Be pacient! Sometimes the code doesn't work because the syntax is wrong or you're missing something in the code or maybe your HTML file is not connected to your CSS file!
W3schools is also a great resource if you know whatt you need and what you're looking for!
Takes time and experience but you must get there if you still trying. Do not give up, just take a break anytime you need!
P.s: http://tomato-timer.com/#
Tomato Timer helps you to manage your time and brain activity :)
Google it + "Learn How to Learn "@Coursera!