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

problem with code validation

the validation service says that there is something wrong with my closing tag for my google fonts code here it is

<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'>

5 Answers

Hi Jacob,

The vertical bar, |, in the google fonts url is considered an unsafe character and should be url encoded.

You can replace all occurrences of it with %7C

If you were getting a different error then let us know what it is.

the error its giving me is saying that there is something wrong with my closing tag (>) after the google fonts url

Did you replace the vertical bar with %7C yet?

The error isn't with the closing bracket. I think it just highlights because it's at the end of the line containing the error.

thanks that fixed the problem right up

You're welcome

care to share the code?

''<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Jacob Gau | 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>Jacob Gau</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>experimentation with color and texture</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>playing with blending modes in photoshop</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>sixy time</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>trying to creaate an 80s feel</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>creating shaped using repitition </p></a> </li> </ul> </section> <footer> <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter logo" class="social-icon"></a> <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="facebook logo" class="social-icon"></a> <p>&copy; 2014 jacob gau.</p> </footer> </div> </body> </html> ''

Wayne Priestley
Wayne Priestley
19,579 Points

Here is a link to explain how to use Markdown to post your code How to post code

If you look at the bottom of the box when your typing a reply you will see Markdown Cheatsheet that will also explain how to post your code

please edit your comment and add '```' before and after the code so it will render as a snippet...

can you please tell me the error you get? and on which challenge?

Hello, i get one error when I try to validate my HTML Code. The validator says there is one error at this line.

'' <link href='http://fonts.googleapis.com/css?family=Permanent+Marker|Playfair+Display:400,700,900,900italic|Gloria+Hallelujah|Bree+Serif|Open+Sans:400italic,700italic,400,700,800|Changa+One' rel='stylesheet' type='text/css'> ''

Someone who can help me please? :)

Thanks.

Todd Sparks
Todd Sparks
1,844 Points

Replace the | sign with %7c. Read the comments above for a little more information.