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!

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 Raven Askew
Raven Askew
1,653 Points

404 Not Found error when clicking link to view image from Gallery

I have double and triple checked my code, and almost everything is working. The images are appearing when I view the 'Home' page, however, when clicking on the gallery images, it takes me to a '404 Not Found' page. I have tried this in both FF and Chrome.

Here is my code:

html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Raven Askew | Quality Assurance Analyst</title>
  </head>
  <body>
    <header>
        <a href="index.html">
        <h1>Raven Askew</h1>
        <h2>Quality Assurance Analyst</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="blog.html">Blog</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
   <section>
      <ul>
        <li>
          <a href="img/numbers-o1.jpg">
            <img src="img/numbers-01.jpg" atl="">
            <p>Experimentation with color and texture.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-o2.jpg">
            <img src="img/numbers-02.jpg" atl="">
            <p>Playing with blending modes in Photoshop.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-o6.jpg">
            <img src="img/numbers-06.jpg" atl="">
            <p>Trying to creat an 80's style of glows.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-o9.jpg">
            <img src="img/numbers-09.jpg" atl="">
            <p>Drips created using Photoshop brushes.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-12.jpg">
            <img src="img/numbers-12.jpg" atl="">
            <p>Creating shapes using repetition.</p>
          </a>
        </li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2014 Raven Askew.</p>
    </footer>
  </body>
</html>

5 Answers

Stone Preston
Stone Preston
42,016 Points
Stone Preston
Stone Preston
42,016 Points

you used an o instead of a 0 in your image names in your a tags

    <a href="img/numbers-o1.jpg">
            <img src="img/numbers-01.jpg" atl="">

should be

    <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" atl="">

it looks like you did that for all of the links with a 0 in the path name

Raven Askew
Raven Askew
1,653 Points
Raven Askew
Raven Askew
1,653 Points

I also cannot get my code to format no matter what I try.

Stone Preston
Stone Preston
42,016 Points
Stone Preston
Stone Preston
42,016 Points

I formatted it for you. you almost had it, you just need to use 3 backticks ( ` ) which are located below the esc key and not the single quotes ( ' ). the tips for asking questions video on the right side of the page explains how to do it in more detail

Raven Askew
Raven Askew
1,653 Points
Raven Askew
Raven Askew
1,653 Points

Thank you! I am losing my mind over here (space bar broken and now cannot figure out how to format for this forum).

Stone Preston
Stone Preston
42,016 Points
Stone Preston
Stone Preston
42,016 Points

yeah take a look at that tips for asking questions video on the right side of the page for help on formatting.

Raven Askew
Raven Askew
1,653 Points
Raven Askew
Raven Askew
1,653 Points

THANK YOU!

Raven Askew
Raven Askew
1,653 Points
Raven Askew
Raven Askew
1,653 Points

THANK YOU!