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 Add a New Page

Martel Gaines
Martel Gaines
1,957 Points

404 error when clicking "About" on the webpage

I'm not sure what's happening, but when I select all the code from index.html > paste in about.html > save or ctrl-s > go to refresh the webpage > click on about from the nav > I get a 404 error.

However, just to make sure nothing changed in the index file, I went ahead and clicked on the portfolio button, and it worked fine. Has anyone experienced this issue?

Bartłomiej Mucha
seal-mask
.a{fill-rule:evenodd;}techdegree
Bartłomiej Mucha
Full Stack JavaScript Techdegree Student 12,911 Points

Hello Martel, I understand that you have a problem with getting to your about.html from the index. Is it on workspaces or are you trying it out live? Also, could you post the contents of your index.html?

Martel Gaines
Martel Gaines
1,957 Points

Hi Bart,

It's on workspaces. The contents from the index.html is as followed:

<DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Martel Gaines | 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>Martel Gaines</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>Playing with blending modes in Photoshop.</p> </a>
</li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Trying to create an 80's stlye of glows.</p> </a>
</li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Drips created using Photoshop brushes.</p> </a>
</li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creating shapes using repitition.</p> </a>
</li> </ul> </section> <footer> <a href="http://twitter.com/martygaines03"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <p>© 2014 Martel Gaines.</p> </footer> </div> </body> </html>

1 Answer

Bartłomiej Mucha
seal-mask
.a{fill-rule:evenodd;}techdegree
Bartłomiej Mucha
Full Stack JavaScript Techdegree Student 12,911 Points

Is your about.html file written with capital or small A? From what I remember, these things are case-sensitive, so your index.html will be trying to redirect you towards About.html, as you have specified in the code - if your about.html is written with small "a" it will return a 404 error.

Martel Gaines
Martel Gaines
1,957 Points

My about.html file was written with a small A, I just changed it to About.html on the workspace, but I'm still getting a 404 error. The code above is left the same.

Update

Realized when I changed the about.html file to About.html, the tab itself was still about.html.

I deleted the file and created a new About.html and verified that the link is now working.

Thanks a lot Bart, very helpful!!