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 joe thompson
joe thompson
846 Points

About Page not found

hi, so im onto the "about page" video and the guy says create a folder "about.html" done.

Then he says copy and taste all the text in index.html (also done this but when i save it the about page says "page not found" my index page is fine though thats working.

Here is my code 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Joe Thompson | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">

  </head>
  <body>
    <header>
       <a href="index.html" id="logo">
      <h1>Joe Thompson</h1>
      <h2>Designer</h2>
         </a>
      <nav>
      <ul>
        <li><a href="index.html"class="selected" >Portfolio</a></li> 
        <li><a href="about.html">About</a></li> 
        <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <div id="wrapper">
      <section>
        <ul id="gallery">
     <li>
       <a href="img/numbers-01.jpg">
          <img src="img/numbers-01.jpg" alt="">
         <p>Experimentation with color and texture.</p>
        </a>
        </li>
          <li>
       <a href="img/numbers-02.jpg">
          <img src="img/numbers-02.jpg" alt="">
         <p>Trying to create an 80s style picture.</p>
        </a>
        </li>
           <li>
       <a href="img/numbers-06.jpg">
          <img src="img/numbers-06.jpg" alt="">
         <p>Photoshop testing for 80s</p>
        </a>
        </li>
           <li>
       <a href="img/numbers-09.jpg">
          <img src="img/numbers-09.jpg" alt="">
         <p>texture and color.</p>
        </a>
        </li>
           <li>
       <a href="img/numbers-12.jpg">
          <img src="img/numbers-12.jpg" alt="">
         <p>Experimentation website images.</p>
        </a>
        </li>

    </ul>
        </section>

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

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


       <p>&copy;2014 Joe Thompson</p>
       </footer>
      </div>
  </body>
</html>
joe thompson
joe thompson
846 Points

NOTE It wouldnt let me paste the </body> </html> into the above for some question for some reason but its on my coding.

Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points
Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

Hey Joe, I added three back-ticks, ```, before and after your code. You need this when posting code so that it'll display properly. Checkout the Markdown Cheatsheet reference (shows up below the text box when you're typing up a post) for help with formatting your posts.

5 Answers

Kristopher Van Sant
PLUS
Kristopher Van Sant
Courses Plus Student 18,830 Points
Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

Thanks for the snapshot! So the browser shows an error message that says "not found"? I looked through everything and forked your workspace and previewed it and it all works for me and the about page does show up. Did you refresh the browser after saving the workspace?

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,858 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,858 Points

After forking your Workspace and previewing, both the Home page and the About page load just fine. The contact page does return 404, but that is expected as you haven't reached that part of the course yet.

So, you code is fine and the pages are rendering. I would suggest to try refreshing the preview again. If that doesn't work, try clearing your cache. I find when I was working with Workspaces I would always close the preview window when I was finished. This way, when I would click preview, I knew that I was always getting a fresh window/tab.

Hope that helps. :dizzy:

Kristopher Van Sant
PLUS
Kristopher Van Sant
Courses Plus Student 18,830 Points
Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

Is your about.html file in the root, the same level as the index.html, or was it accidentally added to the css or img folder? If it is in the root and not in the other folders can you post a link to a snapshot please? It seems several other students have had the same issue lately.

To take a snapshot of your workspace click the camera icon in the upper right corner of your workspace (next to the fork arrow and the preview eye), click "take snapshot", a link will appear, copy that link and post it here. In order to copy the link you might have to actually click the link, which will open the snapshot in a new page, and then copy the link(URL) from there.

Thank you!

joe thompson
joe thompson
846 Points
joe thompson
joe thompson
846 Points

https://w.trhou.se/jbh7yaratm

theres a screenshot i cant seem to find the problem at all, all the index coding is correct so i would of thought just copying and pasting it wouldnt make a difference

joe thompson
joe thompson
846 Points
joe thompson
joe thompson
846 Points

Thank you for helping me! All it took was deleting cache on chrome browser!