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 trialStephen zeiler
731 PointsValidation 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>© 2015 Stephen Zeiler</p>
</footer>
</div>
</body>
</html>
Rich Bagley
25,869 PointsI'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
4,918 PointsHi, 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
1,622 PointsI don't see your html, head, and body tags...that could be causing some issues.
Rich Bagley
25,869 PointsHi 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
Justin Leber
4,918 PointsJustin Leber
4,918 PointsHi, 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.