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 Trevor Larson
Trevor Larson
1,450 Points

Doing the "How to Make A Website" track but my Portfolio button that links to the main page keeps giving a 500 error.

I've completed the entire course BUT when you click on the portfolio button (home button in my version) it gives a 500 error. Clicking on about and contact work fine back and forth but not to the home page.

<!DOCTYPE html>
<html>
  <head>
      <meta charset="utf-8">
      <title>PLNR | Explore Los Angeles</title>
      <link rel="stylesheet" href="css/normalize.css">
      <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,800italic,700,300,400' rel='stylesheet' type='text/css'>
      <link rel="stylesheet" href="css/main.css">
      <link rel="stylesheet" href="css/responsive.css">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>PLNR</h1>
        <h2>Explore Los Angeles</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html" class="selected">Home</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="PLNRimgs/FairmontHotTub.jpg">
                <img src="PLNRimgs/FairmontHotTub.jpg" alt="">
                <p>Fairmont Hotel - Hot Tub</p>
              </a>
            </li>
                    <li>
              <a href="PLNRimgs/SantaMonicaFerrisWheel.jpg">
                <img src="PLNRimgs/SantaMonicaFerrisWheel.jpg" alt="">
                <p>Santa Monica Pier</p>
              </a>
            </li>
            <li>
              <a href="PLNRimgs/GoldenRoadBrewery.jpg">
                <img src="PLNRimgs/GoldenRoadBrewery.jpg" alt="">
                <p>Golden Road Brewery</p>
              </a>
            </li>
            <li>
              <a href="PLNRimgs/SantaMonicaSunset.jpg">
                <img src="PLNRimgs/SantaMonicaSunset.jpg" alt="">
                <p>Santa Monica Sunset</p>
              </a>
            </li>
            <li>
              <a href="PLNRimgs/MondrianHotel.jpg">
                <img src="PLNRimgs/MondrianHotel.jpg" alt="">
                <p>Mondrian Hotel</p>
              </a>
            </li>
            <li>
              <a href="PLNRimgs/TikiTiBar.jpg">
                <img src="PLNRimgs/TikiTiBar.jpg" alt="">
                <p>Tikki Dive Bar</p>
              </a>
            </li>
          </ul>
        </section>
        <footer>
          <a href="https://twitter.com/teamPLNR"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
          <a href="https://www.facebook.com/plnrapp"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
          <p>&copy; 2014 PLNR.</p>
        </footer>
      </div>
   </body>
</html>

What am I missing here? Why is every other page linking correctly but not back to the home page?

Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points

Trevor,

Can you edit your post and add an extra return before your code block? I think that will help with the formatting...might be easier to look at.

Trevor Larson
Trevor Larson
1,450 Points

Sorry first post and still trying to get the hang of everything. It was a dumb mistake and I had capitalized the i in "index.html."

1 Answer

Joe Dayvie
Joe Dayvie
11,956 Points
Joe Dayvie
Joe Dayvie
11,956 Points

Hello!

The coding for your link is correct from what I see but I would verify that you named the file index.html, make sure no capitals and that you have .html. Additionally make sure its not in a different folder and that its in the main area.

Side note: When you load your page, I assume the main page loads but then when you leave to another (about, contact, etc.) and return to the index, its not correct?

Trevor Larson
Trevor Larson
1,450 Points

I'm an idiot - the "i" was capitalized in the file. Thank you for pointing that out! Dumb, dumb mistake ha.