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 trialChristian Herron
Courses Plus Student 1,058 PointsNeed help fixing some errors
I went to the w3 validation website and ended up with a bunch of errors. I'm having trouble fixing some of them so I would be very appreciative if I could get some help from someone with more experience. I'll post my code at the bottom and the website I went to do the validation. Thanks!
validation website: http://validator.w3.org/#validate_by_input
my index.html code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Christian Herron | Designer</title>
<link rel="stylesheet" href="css/normalize.css">
<link href='http://fonts.googleapis.com/css? family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
<meta name="viewport" content="width-device-width, initial-scale=1.0">
</head>
<body>
<header>
<a href="Index.html" id="logo">
<h1>Christian Herron</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>striped 1</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt"">
<p>spring 2</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt"">
<p>space 6</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt"">
<p>shredded 9</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt"">
<p>window blind 12</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="https://twitter.com/Herronc33"><img src="img/twitter-wrap.png" alt:"Twitter logo" class="social-icon">
</a>
<a href="https://www.facebook.com/chris.herron.73"><img src="img/facebook.png" alt:"Facebook Logo" class="social-icon">
</a>
<p>© 2014 Christian Herron.</p>
</footer>
</div>
</body>
</html>
5 Answers
kush sharma
Courses Plus Student 2,360 PointsHi christian,
Just looked at the code and most of your errors are due to the fact that you have not placed " equal sign " in alt tag;
You have written like this:
alt ""
and this alt:" "
where as it should be
Infact now i look at it again and i find every error is related to that only.
Correct that and you will be good to go..
Cheers..:)..
Christian Herron
Courses Plus Student 1,058 PointsThanks! Thats an easy fix. I'm a little more stumped on the 1st error that showed up when I did the validation. It had something to do with the google fonts I was using.
Bob Sutherton
20,160 PointsI think you are using "regular ticks" instead of "backticks". Back ticks are on the top left corner of your keyboard by the number 1.
Christian Herron
Courses Plus Student 1,058 Pointsoh ok, I'll try that. Thanks!
Bob Sutherton
20,160 Points<!DOCTYPE html>
<html>
<head> <meta charset="utf-8"> <title>Christian Herron | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css? family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> <meta name="viewport" content="width-device-width, initial-scale=1.0">
</head>
<body>
<header> <a href="Index.html" id="logo"> <h1>Christian Herron</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>striped 1</p> </a>
</li> <li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt"">
<p>spring 2</p> </a>
</li> <li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt"">
<p>space 6</p> </a>
</li> <li>
<a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt"">
<p>shredded 9</p> </a>
</li> <li>
<a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt"">
<p>window blind 12</p> </a>
</li> </ul> </section>
<footer> <a href="https://twitter.com/Herronc33"><img src="img/twitter-wrap.png" alt:"Twitter logo" class="social-icon"> </a> <a href="https://www.facebook.com/chris.herron.73"><img src="img/facebook.png" alt:"Facebook Logo" class="social-icon"> </a> <p>© 2014 Christian Herron.</p> </footer> </div> </body> </html>
Christian Herron
Courses Plus Student 1,058 PointsSorry it was a mess, I actually have it spaced out nice on my computer but when I added the ``` everything went together. Not sure how you posted like that but thanks again!
Bob Sutherton
20,160 PointsChristian, I may be missing something here, but I don't see any code. All I see is a doctype which is used at the beginning of an html file but I don't see any html.
Christian Herron
Courses Plus Student 1,058 PointsI tried to put my code in but when I save, it just shows that.
Christian Herron
Courses Plus Student 1,058 Points<
kush sharma
Courses Plus Student 2,360 PointsCheers..:)..
Christian Herron
Courses Plus Student 1,058 PointsChristian Herron
Courses Plus Student 1,058 PointsFixing the alt= solved all the problems I had except the first one about the google font used. Anyone have an idea what that might be?