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 How to Make a Website Responsive Web Design and Testing Website Testing

Problem with the error

I keep encountering an error that says the following:

Error Line 68, Column 7: End of file reached when inside an attribute value. Ignoring tag. </html>

The tag is there but whenever I test it I get the same error. Should I ignore it?

1 Answer

Shawn Flanigan
PLUS
Shawn Flanigan
Courses Plus Student 15,815 Points

Joseph: Probably best not to ignore this. Based on the error, it looks like you have a syntax error in one of your opening tags that's causing problems. It's hard to tell without seeing your code, but my guess would be something like this:

<div class="contentWrapper'>
<p>This is my content.</p>
</div>

Notice the mismatched quotes in the opening div tag...I have double quotes to open the class and a single quote to close it. In the eyes of the browser, since there are no double quotes to end the class list, everything that follows in this document is part of the div's class list.

There's a pretty good chance this is the kind of error you have, but if you'd like to post your code I can take a look at it for you.

Hope that helps.

I'll copy and paste the code:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Joseph Asay | Designer</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>Joseph Asay</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html" class="selected">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <div id="wrapper">
      <section>
        <img src="img/Joseph.jpg" alt="Photograph of Joseph Asay" class="profile-photo">
        <h3>About</h3>
        <p>Hi, I'm Joseph Asay! This is my site for practicing coding and showing off some LDD pictures. When I'm not on LDD or coding, I enjoy playing video games and making YouTube videos with my friends.</p>
        <p>If you'd like to follow me on twitter, my username is <a href="http://twitter.com/onslaught1217"> @Onslaught1217</a>.</p>
      </section>
    </div>
      <footer>
        <a href="http://twitter.com/onslaught1217"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="https://www.facebook.com/joseph.asay.7"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2015 Joseph Asay.</p>
      </footer>
  </body>
</html>
Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points

Joseph: Not sure, but try removing the space in your viewport meta tag and replacing it with a hyphen.

So, instead of:

<meta name="viewport" content="width=device-width, initial scale=1.0">

you would have:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

I tried adding a hyphen but it didn't help. Any other suggestions?