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

Ian Rowse
Ian Rowse
1,815 Points
Posted by Ian Rowse
Ian Rowse
1,815 Points

My entire code was read as being incorrect by the site

I input my code into the html checker site and it came out entirely red and yellow, I don't understand why this is, it works perfectly in preview, and I followed his steps (almost) exacly.

3 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,858 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,858 Points

You are missing the = sign in your footer for the 'alt' in both the Facebook and twitter images. I'm not sure if this would cause the amount of "red" and "yellow" as you said, but it would definitely throw a couple errors.

I also noticed that you style sheet links, meta tags, and title are not wrapped in "head" tags, that could also be the cause of the errors.

:)

Ian Rowse
Ian Rowse
1,815 Points
Ian Rowse
Ian Rowse
1,815 Points

Thanks, I fixed the = signs and it reduced a lot of the errors. I lack the head tags because when I copy/pasted my code into the forum they were deleted. If you notice anything else please let me know.

ivanwebster
ivanwebster
7,048 Points
ivanwebster
ivanwebster
7,048 Points

can you show us your code, could be something very minor, but glitch

Ian Rowse
Ian Rowse
1,815 Points
Ian Rowse
Ian Rowse
1,815 Points

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ian Rowse | Student</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,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>Ian Rowse</h1> <h2>Student</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>Nick experements with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Nick plays with blending modes in photoshop.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Nick tries to create an 80's style of glows.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Nick creates drips with photoshop brushes.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Nick creates shapes using repetition.</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com"><img src="img/twitter-wrap.png" alt"TwitterLogo" class="social-icon"></a> <a href="http://facebook.com"><img src="img/facebook-wrap.png" alt"FacebookLogo" class="social-icon"></a> <p>Ā© 2015 Ian Rowse.</p> </footer> </div> </body> </html>

Here You go.