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

CSS How to Make a Website Responsive Web Design and Testing Website Testing

Posted by Chris Ascencio
Chris Ascencio
8,785 Points

two 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.

https://w.trhou.se/qanu0zqduj

tootiemcflow
tootiemcflow
5,601 Points

Hey Chris Ascencio,

Is every page (index.html, about.html, contact.html) giving you markup errors or is it a specific page?

Chris Ascencio
Chris Ascencio
8,785 Points

i only tried my index.html page

Chris Ascencio
Chris Ascencio
8,785 Points

i only tried my index.html page

2 Answers

tootiemcflow
tootiemcflow
5,601 Points

Hey 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
Samuel Glister
12,471 Points
Samuel Glister
Samuel Glister
12,471 Points

Hi 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.