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

John Worth
John Worth
1,425 Points
Posted by John Worth
John Worth
1,425 Points

Markup validation errors my contact.html... I'm missing the problem.

I ran my three HTML pages through the validator at W3 as the lesson outlined. It is saying I am missing a " somewhere. In the Treehouse workspace - no issues and all " accounted for. It pings at the Section ID: Secondary, error over the first ".

Error from W3: Line 33, Column 20: Quote " in attribute name. Probable cause: Matching quote missing somewhere earlier. <section id: "secondary"> (Note: first quote is red and underlined on website)

What am I missing???

Code below: Contact.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>John D. Worth | Student</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One:400,400italic%7CAldrich' 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>John D. Worth</h1> <h2>Student</h2> </a> <nav> <ul> <li><a href="index.html"> Portfolio</a></li> <li><a href="about.html"> About</a></li> <li><a href="contact.html" class="selected"> Contact</a></li> </ul> </nav> </header> <div id="wrapper">

  <section id="primary">
   <h3> General Information</h3>
    <p> General information will be entered here eventually.</p>
    <p> Really, eventually.</p>
  </section>

  <section id:"secondary">
   <h3> Contact Details</h3>
    <ul class="contactinfo"> 
      <li class:"phone"><a href="tel:111-1111">111-1111</a></li>
      <li class:"mail"><a href="mailto:JDW@example.com">example@example.com</a></li>
      <li class:"twitter"><a href="http://twitter.com/intent/tweet?screen_name=testtweet">@testtweet</a></li>
    </ul>
  </section>
  <footer>
    <a href="http://twitter.com"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon" ></a>
    <a href="http://Facebook.com"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
    <p>&copy; 2014 John D. Worth</p>
  </footer>
</div>

</body> </html>

3 Answers

banu babanu
banu babanu
8,152 Points

To define an ID or a class you must use = not :

Elliott Mangham
Elliott Mangham
13,086 Points
Elliott Mangham
Elliott Mangham
13,086 Points

Hi John, try using '=' instead of colons ':' before class or ID names.

Hope this helps!

John Worth
John Worth
1,425 Points
John Worth
John Worth
1,425 Points

Derp - thanks.

Second time those durn colons got me.

Weird that the workspaces accepted the whole "id:" in orange like that.... above you can see the difference right away...