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 How to Make a Website Responsive Web Design and Testing Responsive Web Design

Ulises Morales
Ulises Morales
2,010 Points

Broken link

It seems that I have a broken link for the portfolio section. I can click back and forward between the about and contact with no problem, but when i try to go back to the portfolio i get the Not Found message. I have been following the steps according to the video, I have no idea what went wrong.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Ulises Morales | entrepreneur</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">
    <link rel="stylesheet" href="css/responsive.css">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>Open Discussion</h1>
        <h2>Book Reviews</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>Experimentation with color and texture</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-06.jpg">
              <img src="img/numbers-06.jpg" alt="">
              <p>Playing with blending modes</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-09.jpg">
              <img src="img/numbers-09.jpg" alt="">
              <p>Trying to create an 80's style</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-12.jpg">
              <img src="img/numbers-12.jpg" alt="">
              <p>Creating shape and repetition</p>
            </a>
          </li>
        </ul>
      </section>
      <footer>
        <a href="http://twitter.com/ulisesm025"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="http://facebook.com/ulises.morales.77"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2015 Ulises Morales.</p>
      </footer>
    </div>
  </body>
</html>

MOD:edited to format entire code quote

can you post a link to your workspace

4 Answers

Arturo Espinoza
Arturo Espinoza
9,181 Points

You should also have two other pages named About and Contact. The issue is probably in one of those tags. Double check they are properly named.

index.html:
          <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>
about.html:
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html" class="selected">About</a></li>
          <li><a href="contact.html">Contact</a></li>
contact.html:
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html" class="selected">Contact</a></li>

there's nothing wrong with your html, are you sure the page exists? also the portfolio anchor tag has an href="index.html", I haven't done that course so I'm not sure its supposed to be like that or there should be a portfolio.html

Arturo Espinoza
Arturo Espinoza
9,181 Points

Not sure if this matter but I don't see the html, head or body tags.

I would look closely at the capitalization of index on the other two pages. You probably have a capital I. The names are case sensitive.

Also, what happens when you click portfolio when you start on the portfolio page? It should reload. If not, then you have a file structure problem.

Ulises Morales
Ulises Morales
2,010 Points

The capital letter was the issue. Thank you.