Welcome to the Treehouse Community
Looking to learn something new?
Help My Code?
My code is on codepen so is easy to see my code. I want to make a separation space between the menus and content. Without the background color black. Have to be in grey color. http://codepen.io/felipeochman/full/GZROYZ/.
Maximillian FoxCourses Plus Student 9,236 Points
This doesn't directly answer your question, but something you need to fix first :)
On inspecting your HTML code, I can see that not all of the tags are properly closed. Before you get to solving the issue, make sure all your current code is well-formatted which may actually solve some issues you are having and will allow for easier styling in the long run.
For example, in your Nav section, I see you've opened a nav tag but not closed it. This might cause some funny errors down the line and CSS styling may apply incorrectly to everything beyond where the nav should have been closed.
<div class="cabecalho"> <img class="topo" src="http://i.imgur.com/b66lrjN.png" alt="Paris"> <nav id="menu"> <ul> <li><a href="#">About</a></li> <li><a href="#">Resume</a></li> <li><a href="#">Portifolio</a></li> <li><a href="#">Contact</a></li> <ul> <!--add your closing </nav> here --> </div>
Also, make sure you include a !DOCTYPE at the start of each of your pages, so that the browser knows to treat this as HTML5. If you don't declare a doctype it may cause problems on other browsers with how the page displays, in particular earlier versions of IE.