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 trialChris Ascencio
8,785 Pointstwo errors on markup?
I am am getting two markup errors, and i do not want to continue unless they are solved! any help to solve them would be appreciated. :>
here is a link to my workspace.
Chris Ascencio
8,785 Pointsi only tried my index.html page
Chris Ascencio
8,785 Pointsi only tried my index.html page
2 Answers
tootiemcflow
5,601 PointsHey Chris Ascencio,
I want to point out if you scroll down to the bottom of the W3C Validation page after validating your markup. It will tell you what the error is and what line in the markup the error is at.
So, let's take a look at those errors.
The first 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.
This error is a little confusing and it's simply because Google uses the pipe character (|
) to separate the fonts in the URL. All you need to do is change the |
pipe character between Changa+One
and Open+Sans
to %7C
and the error should be resolved.
<link href='http://fonts.googleapis.com/css?family=Changa+One%7COpen+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
The second error: Line 14, Column 27: No space between attributes.
So if you go to line 14. You'll noticed that the anchor elements id
attribute doesn't have a space after the href
attribute.
<a href="index.html" id="logo">
Hopefully this helps you with your future debugging adventures.
Samuel Glister
12,471 PointsHi Chris,
I've run your mark up through the W3 Validator and found a couple of errors on both your contact.html & about.html
line 7 should be
<link href='http://fonts.googleapis.com/css?family=Changa+One%7COpen+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
also on line 14 you need to put a space before the 'id'.
Give this a go and it should correct your issues.
tootiemcflow
5,601 Pointstootiemcflow
5,601 PointsHey Chris Ascencio,
Is every page (index.html, about.html, contact.html) giving you markup errors or is it a specific page?