Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS How to Make a Website Adding Pages to a Website Build the Contact Page

404 Error on Contact Page

When I copy over the html from about to the newly formed contact page I get a '404 Not Found' error. No changes were made, just copy and paste. Help?

4 Answers

I have the same problem - tried to copy-passte, check ofr spelling errors - but so fra no succes.

Yeeka Yau
Yeeka Yau
7,410 Points

I made the same mistake as Luis described, and when I adjusted and saved my work - the issue persisted. But I noticed in the address panel of the browser when I previewed my site that it still had the old .html name. I changed it in the address bar and it worked fine. It does seem like a caching issue.

This was exactly the problem I was having - 404 page even after I corrected issue (changing name from Contact.html to contact.html on the contact page) and sure enough when I changed the old .html name in the address panel of the browser, it worked.

Refiz Duro
Refiz Duro
4,239 Points

You maybe have an error in the link to the "Contact" page. With this, I mean in your index.html and about.html files (and also in the contact.html file). Make sure that it looks like this:

<li><a href="index.html">Portfolio</a></li>
 <li><a href="about.html">About</a></li>
 <li><a href="contact.html">Contact</a></li>

Also, depending on which file/page you want to view, you should have class="selected" added. (but this should not be related to your issue).

Probably your mistake was the same that I had. When you create a new file you need to give the same name. Like I wrote "contactS" when I was writing the html code, but my new .html file was "contact", after I add the "S" it worked again ;)

Anna Kozlova
Anna Kozlova
4,372 Points

I have the same problem. I'm using correct name of contact page, list items are fine. I've tried different variants, but still it gives me the error. Can't figure out what is the problem here.