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
Shadiya Marshall-Sessoms
1,517 PointsMy "nav" is not going all the way over to the right, and its not going horizontal...can someone please help me
I don't know what i'm doing wrong, Im typing in the code exact
5 Answers
Jacob Miller
12,466 PointsCan you post your code? That would help us help you.
Shadiya Marshall-Sessoms
1,517 Pointsthis is the style.css body{ font-family: 'Nunito', sans-serif; color:#FAF3BC; background: #420600 url('img/bg-texture.jpg') repeat; }
a { color: #4FB69F; text-decoration: none; } h1{ font-size: 1.750em; letter-spacing: -1.5px; }
h2{ font-size:1.500em; color: #B4C34F; }
.btn { color: #FAF3BC; background: #4FB69F url('img/texture.png') no-repeat right top; padding: 15px 30px; margin: 40px 0px; border-radius: 25px; text-transform: uppercase; }
.btn:hover{ background-color: #4CC4A7; }
ul.nav { margin: 120px 0 0 0; list-style: none; float: right; }
ul.nav li { float:left; margin-right: 40px; }
and this is my index.html <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type"
content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake
Company</title>
<link rel="stylesheet"
href="css/normalize.css"type="text/css"media="screen"> <link rel="stylesheet" href="css/grid.css"
type="text/css" media="screen"> <link href='http://fonts.googleapis.com/css?
family=Nunito' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/style.css"
type="text/css" media="screen">
</head> <body> <div class="container clearfix"> <div class="grid_4"> <img src="img/logo.gif" alt="Smells Like Bakin"> </div>
<div class="grid_5 omega"> <ul class="nav"> <li><a href="#">About</a></li> <li><a href="#">Cupcakes & Prices</a></li> <li><a href="#">Locations</a></li> <li class="last"><a href="#">Contact Us</a></li> </ul> </div>
<div id="intro" class="grid_9"> <h1>Opposites really do attract in our kitchen!
We combine unexpected flavors that melt together to
create ironically delicious desserts</h1> <p><a href="#" class="btn">Browse Our
Cupcakes</a></p> </div>
<div class="grid_3 omega"> <img src="img/you-bake-me-blush.gif" atl="You Bake Me
Blush"> </div>
<div id="featured-cupcake" class="grid_7"> <h2>Cupcake of the Week</h2> <p>This week's featured cupcake is the
<ahref="#>Avocado Chocolate cupcake</a>. Its strange
combo of flavors will kick your taste buds into fiesta
mode!</p> <img src="img/featured-cupcake.jpg" alt"Avocado
Chocolate Cupcake> </div>
<div id="new-cupcakes" class="grid_5 omega"> <h2>Fresh Out the Oven</h2> <p>Our newest cupcakes are <a href="#">Bacon Me
Crazy</a> and <a href="#">Jalapeno So Spicy</a>. </p> <img src="img/new-cupcake-bacon.jpg"alt="Bacon Me
Crazy"> <img src="img/new-cupcake-jalapeno.jpg"alt="Jalapeno
So Spicy"> </div>
<div class="grid_7"> <h2>Inside the Kitchen</h2> <p> Smells like Bakin' started out in the garage
of the husband and wife duo Allison & Joseph.
Allison is the baker, and Joseph found a way for them to
make a business out of her tasty treats. Flash forward
to today and they have a successful store front,
catering business and cupcake truck.</p> <p><a href="#" class="btn=small">Read
More</a></p> </div>
<div class="grid_5 omega"> <h2>Get Bakin' with Us</h2>
<div id="Contact"> <p>Call Us:<span>1-555-CUP-CAKE</span><br> Email Us: <a
href="#">bakeon@smellslikebakin.com</a></p> </div>
<p>We anounce all of our new flavors first through
Facebook & Twitter, and even take request!</p> <a href="http://www.facebook.com/SmellsLikeBakin"><img
src="img/facebook.gif" alt="facebook"></a> <a href="http://www.twitter.com/#!/SmellsLikeBakin"><img
src="img/twitter.gif" alt="twitter"></a> </div>
<div id="copyright" class="grid_12"> <p>© 2012 Smells Like Bakin' Cupcake Company.
All Rights Reserved.</p> </div>
</div> </body> </html>
Jacob Miller
12,466 PointsCan you post your html again, this time adding three ` on the line before and three more on the line after the code? That helps with the formatting so I can read it. Copy the following into your comment and put your code inside:
```html
PASTE YOUR CODE IN HERE
```
Patrick Donahue
9,523 PointsShouldn't this:
ul.nav { margin: 120px 0 0 0; list-style: none; float: right; }
ul.nav li { float:left; margin-right: 40px; }
be
nav ul { margin: 120px 0 0 0; list-style: none; float: right; }
nav ul il { margin: 120px 0 0 0; list-style: none; float: right; }
Jacob Miller
12,466 PointsYes, if the ul was inside a <nav> That's what I thought initially, but in the html the ul actually has a class of nav, so ul.nav is correct.
Patrick Donahue
9,523 PointsI must have missed that part of the HTML.
