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

Sebastian Giliberto
Sebastian Giliberto
1,809 Points
Posted by Sebastian Giliberto
Sebastian Giliberto
1,809 Points

Help please

For my div for wrapper when I scale the page to make it go to the middle of the page -- nothing happens, it doesnt go to the middle of the page it just stays in the same spot.

HTML - the code down below

<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8">
    <tittle>Sebastian Giliberto | Gamer</tittle>
    <link rel="stylesheet" href="css/normalize.css">
     <link rel="stylesheet" href="css/main.css">

  </head>
 <body>
    <header>
      <a href="index.html">
         <h1>Sebastian Giliberto</h1>
          <h2>Gamer</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>
   <div id="wrapper">
    <section>
   <ul>
      <li>
        <a href=http://bearriver.njuhsd.com/pictures/activities/leo%20club/7808761_orig.gif>
        <img src=http://bearriver.njuhsd.com/pictures/activities/leo%20club/7808761_orig.gif alt="">
        <p>The LEO Symbol</p>
          </a>
     </li>
        <li>
        <a href=http://bearriver.njuhsd.com/pictures/activities/leo%20club/7808761_orig.gif>
        <img src=http://bearriver.njuhsd.com/pictures/activities/leo%20club/7808761_orig.gif alt="">
        <p>The LEO HQ</p>
          </a>
        </li>
      <li>
        <a href=http://bearriver.njuhsd.com/pictures/activities/leo%20club/7808761_orig.gif>
        <img src=http://bearriver.njuhsd.com/pictures/activities/leo%20club/7808761_orig.gif alt="">
        <p>Omg I love LEO </p>
          </a>
     </li>
      <li>
        <a href=http://bearriver.njuhsd.com/pictures/activities/leo%20club/7808761_orig.gif>
        <img src="http://bearriver.njuhsd.com/pictures/activities/leo%20club/7808761_orig.gif" alt="">
        <p>LEO</p>
          </a>
     </li>
      <li>
        <a href=http://bearriver.njuhsd.com/pictures/activities/leo%20club/7808761_orig.gif>
        <img src=http://bearriver.njuhsd.com/pictures/activities/leo%20club/7808761_orig.gif alt="">
        <p>Hello LEO</p>
          </a>
     </li>

      </ul>
    </section>
    <footer>
     <p>Twitter</p>
      <a href="http://twitter.com"> <img src="http://1.bp.blogspot.com/-Rwqcet_SHbk/T8_acMUmlmI/AAAAAAAAGgw/KD_fx__8Q4w/s1600/Twitter+bird.png" alt="Twitter Logo"></a>
      <p>Youtube</p>
       <a href="http://youtube.com"><img src="http://www.laptopspirit.fr/wp-content/uploads/new/youtube-logo.jpg" alt="Youtube Logo"></a>
      <p>&copy; 2015 Sebastian Giliberto</p>

      </footer>
     </div>
    </body>
</html>

The CSS code down below

a {
text-decoration: none;
}

#wrapper {
max-width: 940p;
  margin: 0 auto;

}
Sebastian Giliberto
Sebastian Giliberto
1,809 Points
Sebastian Giliberto
Sebastian Giliberto
1,809 Points

Hey I think I got it to work but the Writing is still not under my picture? Any help on that? Also the tab title is not the one I set it to? Can someone please help. Thanks.

3 Answers

Glenn Basgaard
Glenn Basgaard
7,987 Points
Glenn Basgaard
Glenn Basgaard
7,987 Points

In your #wrapper try changing 940p to 940px.

Also, side note. Your <title> tags in html are spelt wrong. Hope that fixes your problem.

Sebastian Giliberto
Sebastian Giliberto
1,809 Points
Sebastian Giliberto
Sebastian Giliberto
1,809 Points

Thanks for the help, I just realized that I spelt title wrong, thanks for the help!

Glenn Basgaard
Glenn Basgaard
7,987 Points
Glenn Basgaard
Glenn Basgaard
7,987 Points

Whoops. Sorry I forgot to write it all out :P It's <title>, not <tittle>. Did that help your problem?

Sebastian Giliberto
Sebastian Giliberto
1,809 Points
Sebastian Giliberto
Sebastian Giliberto
1,809 Points

Sorry Another question, why isnt my header aligned with my section?

Glenn Basgaard
Glenn Basgaard
7,987 Points
Glenn Basgaard
Glenn Basgaard
7,987 Points

not sure. maybe try setting header to margin: auto in css?