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

Posted by RJ Rodgers
RJ Rodgers
897 Points

About.html error - 404 Not Found - nginx/1.4.6 (Ubuntu)

Created the about.html page. Copied the text from index.html over to the about.html. Saved, viewed, hit about on the nav bar, received error 404 Not Found, nginx/1.4.6 (Ubuntu). I have gone back to index.html - reviewed the nav code. I don't see any anomalies between the video and my index.html file in the nav section.

What am I missing the would cause this error?

Thank yo in advance for your assistance.

RJ

<!DOCTYPE HTML>
<html>
   <head>
      <meta charset="utf-8">
      <title>RJ Rodgers | Student</title>
      <link rel="stylesheet" href="css/normalize.css">
      <link href='http://fonts.googleapis.com/css?family=Paytone+One|Open+Sans:400italic,700italic,800italic,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>RJ Rodgers</h1>
            <h2>Student</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>Tyring 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>Saying hi to the neighbors</p>
                </a>               
               </li>          
             </ul>
         </section>
         <footer>
            <a href="http://twitter.com/virtualenergies"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
            <a href="http://facebook.com/virtualenergies"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
            <p>&copy; 2014 RJ Rodgers.</p>
         </footer>
      </div>
   </body>
</html>
Kristen Law
Kristen Law
16,244 Points

Use this guide to format your code: https://teamtreehouse.com/forum/posting-code-to-the-forum

8 Answers

RJ Rodgers
RJ Rodgers
897 Points

Thank you so much. It is working great. Have a great day.

Sjors Theuns
Sjors Theuns
6,091 Points

Your welcome :-) Don't forget to close your question, otherwise it will be left open.

Sjors Theuns
Sjors Theuns
6,091 Points
Sjors Theuns
Sjors Theuns
6,091 Points

Hi RJ,

use a lowercase "a". http://web-39nlfpxblt.treehouse-app.com/about.html works fine.

RJ Rodgers
RJ Rodgers
897 Points
RJ Rodgers
RJ Rodgers
897 Points

Yes, a newbie - I assume clicking on 'best answer' closes the question.

Sjors Theuns
Sjors Theuns
6,091 Points
Sjors Theuns
Sjors Theuns
6,091 Points

Hi RJ,

can you submit the code from the index.html page please. And also, is the about.html page saved in the same folder as index.html?

RJ Rodgers
RJ Rodgers
897 Points
RJ Rodgers
RJ Rodgers
897 Points 
<!DOCTYPE HTML>
<html>
   <head>
      <meta charset="utf-8">
      <title>RJ Rodgers | Student</title>
      <link rel="stylesheet" href="css/normalize.css">
      <link href='http://fonts.googleapis.com/css?family=Paytone+One|Open+Sans:400italic,700italic,800italic,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>RJ Rodgers</h1>
            <h2>Student</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 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>Saying hi to the neighbors</p>
                </a>               
               </li>          
             </ul>
         </section>
         <footer>
            <a href="http://twitter.com/virtualenergies"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
            <a href="http://facebook.com/virtualenergies"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
            <p>&copy; 2014 RJ Rodgers.</p>
         </footer>
      </div>
   </body>
</html>
Sjors Theuns
Sjors Theuns
6,091 Points

Hi RJ,

can you post the code of index.html, the code with the link to about.html. And like Kirsten mentioned, pls format the code to make it more readable.

Thanks

RJ Rodgers
RJ Rodgers
897 Points
RJ Rodgers
RJ Rodgers
897 Points 
<!DOCTYPE HTML>
<html>
   <head>
      <meta charset="utf-8">
      <title>RJ Rodgers | Student</title>
      <link rel="stylesheet" href="css/normalize.css">
      <link href='http://fonts.googleapis.com/css?family=Paytone+One|Open+Sans:400italic,700italic,800italic,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>RJ Rodgers</h1>
            <h2>Student</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 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>Saying hi to the neighbors</p>
                </a>               
               </li>          
             </ul>
         </section>
         <footer>
            <a href="http://twitter.com/virtualenergies"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
            <a href="http://facebook.com/virtualenergies"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
            <p>&copy; 2014 RJ Rodgers.</p>
         </footer>
      </div>
   </body>
</html>
Kristen Law
Kristen Law
16,244 Points

This won't solve the issue you're having, but I just wanted to point out a typo I found.

In the following code, you're using : instead of = for the id:

     <a href="index.html" id:"logo">
        <h1>RJ Rodgers</h1>
        <h2>Student</h2>
     </a>

It should look like this:

     <a href="index.html" id="logo">
        <h1>RJ Rodgers</h1>
        <h2>Student</h2>
     </a>
Sjors Theuns
Sjors Theuns
6,091 Points
Sjors Theuns
Sjors Theuns
6,091 Points

Hi RJ,

the link to the about page seems (indeed like you said) perfectly alright. Normally this would point to the fact that either your about page is not exactly "about.html" or that this page is not in the same place as your index.html file. But as far as I understand from you both are also correct.

Are you using your own server or the workspace from treehouse? Do you perhaps have an URL to test it myself?

Sjors Theuns
Sjors Theuns
6,091 Points

Something else: I see that you have <a href="index.html" id:"logo"> in your code, this should be an equal sign: <a href="index.html" id="logo">

RJ Rodgers
RJ Rodgers
897 Points
RJ Rodgers
RJ Rodgers
897 Points

No, using Treehouse workspace. The url is http://web-39nlfpxblt.treehouse-app.com/About.html.

Thank you Sjors and Kristen about the : vs = .