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

Posted by Piers FC
Piers FC
10,402 Points

using validator.w3.org to test my html, I get an error with the link I imported from google fonts

This is my code

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> Piers Ebdon | Web Designer </title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,800,400|Changa+One' 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>

and this is the error I get:

Error Line 7, Column 142: Bad value http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,800,400|Changa+One for attribute href on element link: Illegal character in query: not a URL code point. …s:400italic,700italic,700,800,400|Changa+One' rel='stylesheet' type='text/css'>

Any idea on the problem? I am completely lost on this one.

Patricia Silva
Patricia Silva
Courses Plus Student 89,123 Points

Please look at this post:

https://teamtreehouse.com/forum/error-during-the-w3c-markup-validation

7 Answers

Patricia Silva
PLUS
Patricia Silva
Courses Plus Student 89,123 Points
Patricia Silva
Patricia Silva
Courses Plus Student 89,123 Points

Ron, I think you are answering the wrong question. Piers' problem is with the pipe character in his href and has been previously answered by another user in this post.

https://teamtreehouse.com/forum/error-during-the-w3c-markup-validation

Ron Peterson
Ron Peterson
2,229 Points
Ron Peterson
Ron Peterson
2,229 Points

viewport Provides a way for documents to specify (using markup rather than CSS) the size, zoom factor, and orientation of the viewport that is used as the base for the document's initial containing block. The following properties can be used in the value of the content attribute:

width
height
initial-scale
minimum-scale
maximum-scale
user-scalable

Examples:

<meta name="viewport" content="initial-scale=1.0"> <meta name="viewport" content="width=480, initial-scale=2.0, user-scalable=1">

Ron Peterson
Ron Peterson
2,229 Points
Ron Peterson
Ron Peterson
2,229 Points

It looks like your problem maybe in the " width=device-width" string.

Ron Peterson
Ron Peterson
2,229 Points
Ron Peterson
Ron Peterson
2,229 Points

I was wondering why it was error coding line 7 as the wrong line...I see that now. Thanks Patricia.

Piers FC
Piers FC
10,402 Points
Piers FC
Piers FC
10,402 Points

Thanks Patricia and Ron for the help :)

I have made the recommended changes as suggested in the link provided (replacing | with %7c) but I am still getting the same problem, so I am just going to move on.

Thanks

Ron Peterson
Ron Peterson
2,229 Points
Ron Peterson
Ron Peterson
2,229 Points

I think the forum aldo said to use " not ' in a string like that one.

Dennis Le
Dennis Le
12,872 Points
Dennis Le
Dennis Le
12,872 Points

Replace %7C over the pipe symbol in your code...it looks like this | it is between your 400|Changa+one

should look like this 400%&Changa+one