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

CSS

Posted by Scott Pierce
Scott Pierce
2,196 Points

Margin on header...nothing i type in css rule for my header causes any change

this is my html and im following the video closely... <html> <head> <meta charset="utf-8"> <title>Scott Pierce | Gamer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700|Exo+2:400,500italic,800italic,800' rel='stylesheet' type='text/css'> <link type="text/css" rel="stylesheet" href="css/main"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Scott Pierce</h1> <h2>All Around Badass</h2> </a> <nav> <ul> <li><a href="index.html" class="selected">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <ul id="gallery"> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg"alt=""> <p>Oooh a number</p> </a> </li> <li> <a href="img/numbers-02jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Oh sweet, another one</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Wait...</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>It's just numbers</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>It's just numbers</p> </a>

           </li>       
        </ul> 
      </section>
      <footer>
        <a href="http://twitter.com/spierce1775"><img src="img/twitter-wrap.png" alt="twitter Logo"></a>
        <a href="https://www.facebook.com/scott.pierce.161"><img src="img/facebook-wrap.png" alt="facebook Logo"></a>
        <p>&copy; 2015 Scott Pierce.</p>
    </footer>
  </div>

</body> </html>

alexlitel
alexlitel
25,059 Points
alexlitel
alexlitel
25,059 Points

Scott Pierce You seem to have left off the .css in the link to the CSS file you created. The tag in the header should appear as: 

<link type="text/css" rel="stylesheet" href="css/main.css">
Scott Pierce
Scott Pierce
2,196 Points

also this iss the rule i am using... header { float: left; margin:0 0 30px; padding: 5px 0 0 0; width: 100%; }

Scott Pierce
Scott Pierce
2,196 Points

Alexliel i added that in and still no effect...thanks though im sure that needed to be there...seems i just cant get rid of the margin at the top...added the last "0" value to margin since this post

1 Answer

Habibur Rahman Dipto
Habibur Rahman Dipto
8,496 Points

Scott Pierce can you give the css code.