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

CSS How to Make a Website CSS: Cascading Style Sheets Center the Wrapper

Posted by Michael Alder
Michael Alder
2,230 Points

Frustrating Error...Help needed

I am on the video entitled center the wrapper. I made some change which I was never able to correct. Here is the code.
From the about button in the navigation bar line all the way down to the </html> closing tag it is highlighted red telling me i have an error.
I tried everything i can think of and can not figure where the error is. Somebody please help and tell me where i went wrong. here it is starting from header.

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Michael Alder|Web Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo> <h1>Michael Alder</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with Color and texture</p> </a> </li>

    <li>
    <a href="img/numbers-02.jpg">
      <img src="img/numbers-02.jpg" alt="">
      <p>Playing with blending modes</p>
      </a>
   </li>


    <li>
    <a href="img/numbers-06.jpg">
      <img src="img/numbers-06.jpg" alt="">
      <p>Trying to create an 80's style of glows</p>
      </a>
   </li>

    <li>
    <a href="img/numbers-09.jpg">
      <img src="img/numbers-09.jpg" alt="">
      <p> Drips created using Photoshop brushes</p>
      </a>
   </li>


    <li>
    <a href="img/numbers-12.jpg">
      <img src="img/numbers-12.jpg" alt="">
      <p> Creating shapes using repetition</p>
      </a>
   </li>

</ul>
</section>
<footer>
  <a href="http://twitter.com/MikeKnight"></a><img src="img/twitter-wrap.png" alt="Twitter Logo">
  <a href="http://facebook.com/MichaelAlder"></a><img src="img/facebook-wrap.png" alt="Twitter Logo">
  <p>&copy; 2014 Michael Alder.</p>
</footer>

 </body>
 </html>
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Michael,

Unfortunately your code block didn't post correctly at the top and so we can't see the navigation part. Are you thinking that you have a syntax error somewhere?

Try editing your question and fixing your code block.

This should help: https://teamtreehouse.com/forum/posting-code-to-the-forum

If you decide to do that then leave a comment here saying you've done so. This way anyone subscribed to the post will receive a notification.

You should fix your links in the footer as David mentioned otherwise your images won't be linked.

1 Answer

David Curtis
David Curtis
11,301 Points
David Curtis
David Curtis
11,301 Points

Your footer links don't wrap the images. It should be this:

<footer>
  <a href="http://twitter.com/MikeKnight"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
  <a href="http://facebook.com/MichaelAlder"><img src="img/facebook-wrap.png" alt="Twitter Logo"></a>
  <p>&copy; 2014 Michael Alder.</p>
</footer>