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 Adding Pages to a Website Add a New Page

Posted by Arthur Gilbreath
Arthur Gilbreath
758 Points

My browser gives me the 404 Not Found message when I click on the About navigation link.

I copied and pasted my index.html into the about.html file. When I load the website onto the browser, I can see my website perfectly fine, but I cannot see the page when I click on the "About" navigation link. Can you help me please?

2 Answers

alejandro avina
alejandro avina
6,445 Points
alejandro avina
alejandro avina
6,445 Points

I fix the same problem or bug. From your INDEX page go to : <li><a href="about.html">About</a></li>

delete again the "about.html" and rewrite and it seems everything will be ok. Although it was spell correctly, it seems when you do a copy paste in workspace don't do it properly. it looks more a bug than a problem from users as it appears in several threads.

Also I did try before with a new page for CONTACT, and that one was working well. after that I did above step.

Arthur Gilbreath
Arthur Gilbreath
758 Points

Thanks! Another question. So why is it that when I click on Portfolio...it does the same thing with the 404 Not Found message again? In the video, he is able to click on it and it sends him back to the homepage.

vijay chekuri
vijay chekuri
1,791 Points
vijay chekuri
vijay chekuri
1,791 Points

i did the same thing but no use .

my code- <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> vijay | 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"> </head> <body> <header> <a href="index.html" id="logo"> <h1> vijay chekuri</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> this is first image</p>
         </a> </li>

          <li><a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt="">
            <p> this is second image</p>
          </a></li>
          <li>
            <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
              <p> this is third image</p>
         </a> </li>
          <li>
            <a href="img/numbers-09.jpg">
      <img src="img/numbers-09.jpg" alt="">
              <p> this is fourth image</p>
         </a> </li>
          <li><a href="img/numbers-12.jpg">
            <img src="img/numbers-12.jpg" alt="">
            <p> this is second image</p>
          </a></li>
        </ul>
      </section>

<footer>
  <a href="https://www.facebook.com/vijay.prince.7"> <img src="img/facebook-wrap.png" alt="facebook" class="social-icon"></a>
   <a href="https://twitter.com/vijayprinceuk"> <img src="img/twitter-wrap.png" alt="twitter" class="social-icon"></a>
  <p>&copy; 2015 vijay chekuri.</p>
</footer>
  </div>

</body> </html>

Leanne Thng
Leanne Thng
13,824 Points
Leanne Thng
Leanne Thng
13,824 Points

Can you post your code? That would be the easiest way to see if there are any problems there. Is your about page file correctly named as about.html?

Arthur Gilbreath
Arthur Gilbreath
758 Points

I got help from alejandro. thank you though!

vijay chekuri
vijay chekuri
1,791 Points
vijay chekuri
vijay chekuri
1,791 Points

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> vijay | 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"> </head> <body> <header> <a href="index.html" id="logo"> <h1> vijay chekuri</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> this is first image</p>
         </a> </li>

          <li><a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt="">
            <p> this is second image</p>
          </a></li>
          <li>
            <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
              <p> this is third image</p>
         </a> </li>
          <li>
            <a href="img/numbers-09.jpg">
      <img src="img/numbers-09.jpg" alt="">
              <p> this is fourth image</p>
         </a> </li>
          <li><a href="img/numbers-12.jpg">
            <img src="img/numbers-12.jpg" alt="">
            <p> this is second image</p>
          </a></li>
        </ul>
      </section>

<footer>
  <a href="https://www.facebook.com/vijay.prince.7"> <img src="img/facebook-wrap.png" alt="facebook" class="social-icon"></a>
   <a href="https://twitter.com/vijayprinceuk"> <img src="img/twitter-wrap.png" alt="twitter" class="social-icon"></a>
  <p>&copy; 2015 vijay chekuri.</p>
</footer>
  </div>

</body> </html>