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 trialMarta Cook
3,432 PointsValidation....
I am validating my website and it says I have 1 error and 3 warnings but I cannot figure it out. Help!
Marta Cook
3,432 Points<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Marta Cook | Web Developer</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> Marta Cook </h1>
<h2> Web Developer </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-09.jpg">
<img src="IMG/numbers-09.jpg" alt="">
<p> Drips created using Photoshop brushes.</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/Miss_Marta003"><img src="IMG/twitter-wrap.png" alt="Twitter Logo" class="social icon"></a>
<a href="http://facebook.com/marta.c.cook"><img src="IMG/facebook-wrap.png" alt="Facebook Logo" class="social icon"></a>
<p> © 2014 Marta Cook</p>
</footer>
</div>
</body>
</html>
this is the mesage I received after I checked it through validator.....
Error Line 7, Column 142: Bad value http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800 for attribute href on element link: Illegal character in query: not a URL code point.
β¦ne|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
Syntax of URL:
Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20.
Warning Line 27, Column 13: Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
<section>
2 Answers
Alan Johnson
7,625 PointsTry changing the font url to:
http://fonts.googleapis.com/css?family=Changa%2BOne%7COpen%2BSans%3A400italic%2C700italic%2C400%2C700%2C800
For whatever reason, it looks like the default font urls that come out of Google aren't valid according to the W3C. The url above is the same, but escapes a lot of the characters. That seems to resolve it.
The second issue is because the validator wants you to have an h2-h6 within the section tags. It's a warning because it's not a requirement - it's just something that's a good idea.
Marta Cook
3,432 PointsThank you so much!
Bruno Van der Straten
7,079 PointsIf you use the W3C validator it should say what is wrong.
Marta Cook
3,432 PointsI used it and looked at what was wrong and "fixed" it but it still is saying the same thing.
Alan Johnson
7,625 PointsAlan Johnson
7,625 PointsPlease share the errors you're getting and your markup, and that should help us all help you a little more easily.