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

Need 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>&copy; 2014 Christian Herron.</p>
        </footer>
      </div>
  </body>  
</html>

Fixing 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?

5 Answers

kush sharma
PLUS
kush sharma
Courses Plus Student 2,360 Points

Hi 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..:)..

Thanks! 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
Bob Sutherton
20,160 Points

I think you are using "regular ticks" instead of "backticks". Back ticks are on the top left corner of your keyboard by the number 1.

oh ok, I'll try that. Thanks!

Bob Sutherton
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>&copy; 2014 Christian Herron.</p> </footer> </div> </body> </html>

Sorry 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
Bob Sutherton
20,160 Points

Christian, 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.

I tried to put my code in but when I save, it just shows that.

<