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

Michael Foster
Michael Foster
7,801 Points

about.html not working......404

I made an about.html file, and copied everything from the index.html and it is not working. Showing error 404

Michael, can you post your code? My guess is that you need to change the link to the about page on your main/index/home page. Posting your code will help you get an accurate answer faster.

10 Answers

Have you named the about.html file you created correctly?

Do you have a link to the files or could you copy the html code into the question?

The recently added a feature, I think where you can include code from a workspace, as well.

Michael Foster
Michael Foster
7,801 Points

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Michael Foster | 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>Michael Foster</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 mode in photo shop.</P> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <P>Trying to create an 80's style 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 repetition.</P> </a> </li> </ul> <p>Gallery will go here</p> </section> <footer> <a href="htp://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <a href="htp://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a> <p>© 2015 Michael Foster.</p> </footer> </div> </body> </html>

A few questions:

  • Is this running on your own server, your computer or the Workspaces on treehouse?
  • If this is your own server, what type of server is it, if you know.
  • what is the exact filename of the about page?
Michael Foster
Michael Foster
7,801 Points

I'm using the Workspace on treehouse and the file name is about.html.

That's the code for your index.html file correct? Could you post your code for about.html? Is your about.html file in the same file location as index.html?

Michael Foster
Michael Foster
7,801 Points

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Michael Foster | 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>Michael Foster</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html">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> </section> <footer> <a href="htp://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <a href="htp://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a> <p>© 2015 Michael Foster.</p> </footer> </div> </body> </html>

Michael Foster
Michael Foster
7,801 Points

Yes! Here is a link to a snapshot that I have taken. https://w.trhou.se/u9i0y067ki

If you go to your specific workspace that you are having issues with, there is are three icons in the upper righthand corner. The 3rd one from the right looks similar to a tv as in it's a square. Click it and take a snapshot so that you can share it.

Remember to use your head and body tags! Everything from your meta tag to your last link tag should be in the head. Everything else should be enclosed in body tags. (Sorry Michael, I didn't realize you had this right before I looked at the snapshot. And no, you do not have to close link tags in this doctype.)

Michael Foster
Michael Foster
7,801 Points

Everything seems to be where it is suppose to be, am I suppose to close my link tag? Curious!

if you are referring to:

<link rel="stylesheet" href="css/style.css">

Then no, those do not need to be closed.

I started a new front end workspace and tested your code and it works.

There is only one thing I can think of. What is the workspace type that you are doing this in? You have to pick a workspace type when you first set up a workspace.

Michael Foster
Michael Foster
7,801 Points

I'm not sure, if possible can you lead me to where I can find this information? Thanks

I copied the code in about.html, deleted it, created a new about.html, pasted the code, and it worked. Strange.

@Elizabeth Kossakowski That is what what led me to believe that there may be an issue in the type of workspace he is in. I can't imagine that is the issue, but what else could it be?

Michael Foster
Michael Foster
7,801 Points

Yea I'm so aggravated with this issue that I have encountered. I have reviewed the tutorials numerous times to see if I had made an error. It has been 2 days in which I have been stuck with this problem. Giving up is not an option, so I guess I will have to just try and continue with the course without my about page functioning properly. Thanks for all of your help Elizabeth I really do appreciate it!

The only thing that I can suggest is to create a new black workspace. There is a drop-down box that allows you to pick the workspace type. Specifically select "Front End" as the workspace type and create new index, about, ect.. files and copy the contents over.

Those are the steps that I followed and your code worked as it should for me in workspaces.

Michael Foster
Michael Foster
7,801 Points

Thanks Donnie, I will give that a try and see if that may work for me. When I figure this problem out I will definitely repost with the solution that was found for this particular issue for others to view. Thanks again!

Michael Foster
Michael Foster
7,801 Points

I not sure if this may help but I running this on a Mac Book Pro, version Yosemite! Thanks again to everyones effort in trying to help me figure this out!