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
Michael Foster
7,801 Pointsabout.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
10 Answers
Leanne Thng
13,824 PointsHave you named the about.html file you created correctly?
Donnie Reese
17,211 PointsDo 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
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>
Donnie Reese
17,211 PointsA 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
7,801 PointsI'm using the Workspace on treehouse and the file name is about.html.
Liz Laffitte
23,691 PointsThat'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
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
7,801 PointsYes! Here is a link to a snapshot that I have taken. https://w.trhou.se/u9i0y067ki
Donnie Reese
17,211 PointsIf 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.
Michael Foster
7,801 PointsWill do! Thanks
Michael Foster
7,801 PointsHere is a link to the snapshot that I have taken. https://w.trhou.se/u9i0y067ki
Liz Laffitte
23,691 PointsRemember 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
7,801 PointsEverything seems to be where it is suppose to be, am I suppose to close my link tag? Curious!
Donnie Reese
17,211 Pointsif you are referring to:
<link rel="stylesheet" href="css/style.css">
Then no, those do not need to be closed.
Donnie Reese
17,211 PointsI 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
7,801 PointsI'm not sure, if possible can you lead me to where I can find this information? Thanks
Liz Laffitte
23,691 PointsI copied the code in about.html, deleted it, created a new about.html, pasted the code, and it worked. Strange.
Donnie Reese
17,211 Points@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
7,801 PointsYea 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!
Donnie Reese
17,211 PointsThe 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
7,801 PointsThanks 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
7,801 PointsI 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!
Liz Laffitte
23,691 PointsLiz Laffitte
23,691 PointsMichael, 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.