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

CSS

How to get buttons on the navigation bar on the left.

They seem to sit awkwardly nearer the middle. Really weird how do i get them on the left?

navbar a:link, #navbar a:visited, #navbar a:hover{ color:#FFFFFF; font-weight:bold; margin-left:5px; text-decoration:none; text-align:left; text-indent:left; text-decoration: left; }

Thanks.

6 Answers

How are you making the buttons? If you're creating them from an unordered list, try giving the LI's no margins and set their position to relative. This will place them relative to their containing div, and since they're without margin they should automatically go to the left. Perhaps paste a copy of your code here so I can make more sense of what's going on :p.

here is the html:

<div id="logo"></div> <div id="navbar-container"> <div id="navbar"> <a href="/Users/JamesJohnBryer/Desktop/DesignerFinderFiles/indexdesignerfinder.html">Home</a> <a href="/Users/JamesJohnBryer/Desktop/DesignerFinderFiles/Portfoliopage.html">Portfolio's</a> <a href="/Users/JamesJohnBryer/Desktop/DesignerFinderFiles/Contactuspage.html">Contact Us</a> </div>

How do i get the code up on here?

You can wrap your code in three backticks on both sides according to the Markdown Cheatsheet that's under the text area.

how?

What does that mean?!