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
Zachary Alholm
316 PointsCan't get vertical list to spread horizontally
I'm working on the "Finishing up CSS" tutorial. Everything has gone smoothly, until I got to shifting a vertical, unordered list to a horizontal one. It does nothing. This is my code:
/* this edits our .nav unordered list*/ ul.nav { margin: 120px 0 0 0; list-style: none; float: right; }
/* makes our .nav list items horizontal*/ ul.nav li { float: left; margin-right: 40px; }
When I put this code in, it didn't change a thing. It's almost like it doesn't recognize ul.nav. When I went back and checked my HTML code, all my syntax seemed fine.
Any suggestions?
5 Answers
Jonathan Tame
14,524 PointsYou're trying the change the layout of your list from block to inline. Try adding display:inline; to your code.
Zachary Alholm
316 PointsStill not fixing the issue. Like I said above, it's like my CSS file isn't properly able to contact my HTML file via the ul.nav extension. Any ideas? I've tried a bunch of stuff and can't get it...
Jeremy Jantz
6,717 PointsZachary Alholm Figure this out yet? If not, mind posting your code in a CodePen so we can more easily troubleshoot what's going on?
Zachary Alholm
316 PointsI apologize. I've been so busy the past 4-5 days I haven't gotten a chance to figure it out.
I'm completely new to codepen, so I'm not exactly sure how it works. Here is the link I am supposed to give you: http://cdpn.io/qceiv Is that correct? The pictures aren't showing up, obviously. The main issue I'm having is getting the 4 links at the top go horizontal.
Zachary Alholm
316 PointsAnd I'm also having trouble getting the links to move to the right side of the page. Like I stated above, the issue seems to be my .css file not being able to call my nav class from my .html file.
Jeremy Jantz
6,717 PointsZachary Alholm I just checked out your code and found the problem. You're missing a closing bracket in your HTML. Check out line 23 of that codepen you created. Once you get that div properly closed it'll work.