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
Martel Gaines
1,957 Points404 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?
Martel Gaines
1,957 PointsHi 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
Full Stack JavaScript Techdegree Student 12,911 PointsIs 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
1,957 PointsMy 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!!
Bartłomiej Mucha
Full Stack JavaScript Techdegree Student 12,911 PointsBartłomiej Mucha
Full Stack JavaScript Techdegree Student 12,911 PointsHello 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?