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

Posted by Patti Nearing
Patti Nearing
696 Points

I am having trouble with About.html.

Using Windows. I an listening to the "Add a new page" video. I have finished the video. Got my ABOUT.html staged under by Index.html. The video shows it should be higher up -- does that matter ???

Next--when I go to preview the image page to see the "finished project" I get an error message 404 not found.

Next 2 ---- My coding has most all of the work after section -- in red - I understand this means I have not closed a line, but I can not find it.

This is a lot of info: Please help me

<!DOCTYPE html>
<html>
    <head>
      <meta charset = "utf-8">
     <title>Patti Nearing|Web Designer</title>
  <link rel="stylesheet" href="css/normalize.css">

 <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,800italic,400,700' rel='stylesheet' href= "css/main.css">
 <link rel="stylesheet" href="css/responsive.css">
 <meta name= "viewport" content="width=device-width, int
   </head>
 <body>
  <header>
    <div>
  <a href="index.html" id="logo">
    <h1>Patti Nearing</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/nick.jpg" alt="Photograph of Nick Pettit" class="profile-photo">

      <h3>About</h3>
      <p> all about me and what I represent</p>
      <p> if you would like to follow me on Facebook, my user name is <a href="http://facebook.com/Patti Nearing">Patti Nearing</a>.</p>
         </section>

     <footer>
      <a href="http://facebook.com/patti nearing">
      <img src="img/facebook-wrap.png" alt="facebook logo"
      class="social-icon">
       </a>  

        <p>&copy; 2014 Patti Nearing.</p>

    </footer>
     </div>      
    </body>
  </html>
</li>
      </ul>
      </section>

9 Answers

Jeremy Faith
PLUS
Jeremy Faith
Courses Plus Student 56,696 Points
Jeremy Faith
Jeremy Faith
Courses Plus Student 56,696 Points

I now see this is your about.html page. So, i really do not know why you are getting a 404 error. Also you should remove the second meta tag (I am not sure why it is there unless it was part of the tutorial) and change the link tag for your font to

<link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>

Again, you should delete the last three lines - </li>, </ul>, and </section>. I hope this fixes it for you.

Ji Jiang
Ji Jiang
2,505 Points
Ji Jiang
Ji Jiang
2,505 Points

To your last question, you need to delete the last three line starting from </li> to </section>; To your first question, it does matter as to the level of about.html since you are referring it as the same level as index.html. To do so ,you need to select the top level of the project, and go to file to create a new file and name it as about.html. Hope these help!

Patti Nearing
Patti Nearing
696 Points
Patti Nearing
Patti Nearing
696 Points

Ji Thank you for answering me question. I do not understand --- remove last three lines starting at to: Very Very lost

Ji Jiang
Ji Jiang
2,505 Points
Ji Jiang
Ji Jiang
2,505 Points

Patti: the <html> and its closing tag </html> should contain all the contents of the html file, just like the most outter opening and closing parenthesis. And because of the same reason, the <body> and </body> is the inner level of the opening and closing parenthesis and should contain all the content that belong to its section. You have </li></ul></section> which don't have any corresponding opening tags. So remove those three tags should solve your problem.

Patti Nearing
Patti Nearing
696 Points
Patti Nearing
Patti Nearing
696 Points

Jeremy,

I do not see the errors. I compared your code with my code (printed off your code to compare) and I do not see anything different. Could you be more specific about what is typed wrong and what is not closed. I really appreciate the help.

Thanks

Jeremy Faith
PLUS
Jeremy Faith
Courses Plus Student 56,696 Points
Jeremy Faith
Jeremy Faith
Courses Plus Student 56,696 Points

I was having trouble posting the code. It did not turn out right on my side so I deleted it. The following should fix your code, hope I got everything.

line 8 should be broken into two parts - one for the font and one for you main.css line 10 you have second meta tag and it is not closed line 21 need a closing tag > after "index.html" line 24 delete closing tag after "about.html" line 37 remove space before img so it is <img not < img lines 56-58 just delete

Patti Nearing
Patti Nearing
696 Points
Patti Nearing
Patti Nearing
696 Points

OK !!! Will look again !!

Now my Workspace -- when I preview for the About.html page, why am I getting 404 Not Found?? Any idea ???

Patti Nearing
Patti Nearing
696 Points

DOG GONIT --- I lost your answer of the line errors !!!! Can you resend ????

Jeremy Faith
PLUS
Jeremy Faith
Courses Plus Student 56,696 Points
Jeremy Faith
Jeremy Faith
Courses Plus Student 56,696 Points

Do you have a separate files for about.html and contact.html that the href are linking to?

Patti Nearing
Patti Nearing
696 Points
Patti Nearing
Patti Nearing
696 Points

Not sure what you mean.http://teamtreehouse.com/workspaces/601402#

I think I corrected all the lines you mentioned --- here is corrected code

About.html 
<!DOCTYPE html>
<html>
    <head>
      <meta charset = "utf-8">
     <title>Patti Nearing|Web Designer</title>
  <link rel="stylesheet" href="css/normalize.css">

 <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,800italic,400,700'
  <link rel='stylesheet' href= "css/main.css">
 <link rel="stylesheet" ref="css/responsive.css">
 <meta name= "viewport" content="width=device-width, int">
   </head>
 <body>
  <header>
    <div>
  <a href="index.html" id="logo">
    <h1>Patti Nearing</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/nick.jpg" alt="Photograph of Nick Pettit" class="profile-photo">

      <h3>About</h3>
      <p> all about me and what I represent</p>
      <p> if you would like to follow me on Facebook, my user name is <a href="http://facebook.com/Patti Nearing">Patti Nearing</a>.</p>
         </section>

     <footer>
      <a href="http://facebook.com/patti nearing">
      <img src="img/facebook-wrap.png" alt="facebook logo"
      class="social-icon">
       </a>  

        <p>&copy; 2014 Patti Nearing.</p>

</footer>
  </div>
  </body> 
 </html>
</li>
      </ul>
      </section>
Patti Nearing
Patti Nearing
696 Points
Patti Nearing
Patti Nearing
696 Points

Thanks, Jeremy.
I will sleep easier tonight :)