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!
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
So I'm using the Smells Like Bakin' template to make sample websites to practice with. However, I'm stuck trying to figure out how to get a header or logo above the navigation. http://oi39.tinypic.com/2q3notz.jpg The image above has been marked with the position where I would like the logo to go. How would I go above adding this?
Glenn FoltzCourses Plus Student 8,178 Points
Right or wrong... here's an idea :) This is copied from my Smells Like Bakin HTML... Where is says "img src="#"" is where you need to put the image you want
<body> <div class="container clearfix"> <div> <div class="grid_4"> <img src="img/logo.gif" alt="Smells Like Bakin"> </div> <div class="grid_8 omega"> <img src="#" alt="PutLogoHere"> </div><br> <div class="grid_8 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>
Try making a div that spans across the entire page and throw the image in there, centering it. This should push down the navigation under the logo.
<div class="grid_4"> <img src="img/logo.gif" alt="Smells Like Bakin"> </div>
<div class="grid_12" align="center"> <img src="img/logo.gif" alt="Smells Like Bakin"> </div>