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

HTML How to Make a Website Responsive Web Design and Testing Website Testing

Stephen zeiler
Stephen zeiler
731 Points
Posted by Stephen zeiler
Stephen zeiler
731 Points

Validation errors I got 21 errors and 9 warnings

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title> Stephen Zeiler | Designer</title>
    <link rel="stylesheet"href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Changa+One:400,400italic|Open+Sans:700italic,400,700,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responses.css">
    <meta name="viewport" content="width=device-width,intial scale=1.0">
  </head>
  <body>
    <header>
      <a href="index.html" id=
        "logo">
        <h1>Stephen Zeiler</h1>
        <h2>Designer</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> Experimentaion with color and texture</p>
           </a> </li>
                     <li><a href="img/numbers-02.jpg">
               <img src="img/numbers-02.jpg" alt"">
              <p>Playing with blends</p>
          </a>  </li>       <li><a href="img/numbers-06.jpg">
               <img src="img/numbers-06.jpg" alt"">
              <p> Go chiefs</p>
         </a>   </li>       <li><a href="img/numbers-09.jpg">
               <img src="img/numbers-09.jpg" alt"">
              <p> fishing</p>
           </a> </li>       <li><a href="img/numbers-12.jpg">
               <img src="img/numbers-12.jpg" alt"">
              <p>hunting</p>
           </a> </li>

          </ul>

          </section>
    <footer>
      <a href="http://facebook.com/stephenzeiler"> <img src="img/facebook-wrap.png" alt="Facebook logo" class="social-icon"></a>

      <p>&copy;  2015 Stephen Zeiler</p>

    </footer>
      </div>
 </body>
</html>
Justin Leber
Justin Leber
4,918 Points
Justin Leber
Justin Leber
4,918 Points

Hi, there is something going on with your id="logo" tag. The id is on the next line and it is a different color. I am not sure if you did not include all of the code, if that is the case then ignore the fact that the end of the file is missing </body></html> tags. That will certainly create errors.

Rich Bagley
Rich Bagley
25,869 Points

I've just amended your question to include markdown so it's a little easier to read the code. This post will explain how to do it if you need to in future :)

-Rich

3 Answers

Justin Leber
Justin Leber
4,918 Points
Justin Leber
Justin Leber
4,918 Points

Hi, there is something going on with your id="logo" tag. The id is on the next line and it is a different color. I am not sure if you did not include all of the code, if that is the case then ignore the fact that the end of the file is missing tags. That will certainly create errors.

Christopher Vesti
Christopher Vesti
1,622 Points
Christopher Vesti
Christopher Vesti
1,622 Points

I don't see your html, head, and body tags...that could be causing some issues.

Rich Bagley
Rich Bagley
25,869 Points
Rich Bagley
Rich Bagley
25,869 Points

Hi Stephen,

I'm not sure what the errors are but they should have the detail in the error itself.

Some possible changes would be:

<link href='http://fonts.googleapis.com/css?family=Changa+One:400,400italic|Open+Sans:700italic,400,700,800' rel='stylesheet' type='text/css'>

Change the pipe (|) to %7C so the above becomes:

<link href='http://fonts.googleapis.com/css?family=Changa+One:400,400italic%7COpen+Sans:700italic,400,700,800' rel='stylesheet' type='text/css'>

You also look to be missing the = from the image lines alt tag, e.g.:

           <img src="img/numbers-01.jpg" alt"">

Try changing these to:

           <img src="img/numbers-01.jpg" alt="">

The following should also be on one line:

<a href="index.html" id=
        "logo">

Remove the space after the = on this line:

          <ul id= "gallery">

Try changing those and re-validating. It should have removed quite a few errors, if not all :)

-Rich