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 Creating HTML Content Organize with Unordered Lists

Hugo OSWELL
Hugo OSWELL
1,307 Points

Problem with images

Hello, I have a problem with the second step. It's the step where we add images. I have add my img folder in the workspace with the images inside and my work is totally working. But when I click on "Check work" it says to me Bummer! Make sure you have the image numbers-01.png It's like if my workspace can't be find/isn't link correclty.

Thanks for your answer

Hugo

index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Hugo OSWELL | Developper</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Hugo OSWELL</h1>
        <h2>Developper</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>
    <section>
      <ul>
        <li>
          <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" alt="">
            <p>Experimentation with color.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt="">
            <p>blending mode.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
            <p>80's style.</p>
          </a>
        </li>
      </ul>
    </section>
    <footer>
      <a href="https://www.instagram.com/hugo_oswell/"><img src="img/twitter-wrap.png" alt="instagram logo"></a>
      <a href="https://www.facebook.com/hugo.oswell"><img src="img/facebook-wrap.png" alt="Facebook logo"></a>
      <p>&copy; 2017 Hugo OSWELL</p>
    </footer>
  </body>
</html>

4 Answers

Jorge Monte
Jorge Monte
2,535 Points

Isn't the image extension that should be .png instead of .jpg?

Hugo OSWELL
Hugo OSWELL
1,307 Points

Nop the extension is right. It is saying : Bummer! Make sure you include an image tag that displays "numbers-01.jpg". I've tried to open it on chrome and it works like a charm

I really don't know what to do

Isaiah Marin
Isaiah Marin
11,971 Points

Are you referring to the challenge or your own workspace? I ask this because the challenge itself can be picky when extra stuff is added.

Here is an example of code that will work with the challenge :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</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>
    <section>
         <ul>
          <li><img src="numbers-01.jpg" alt=""></li>
          <li><img src="numbers-02.jpg" alt=""></li>
          <li><img src="numbers-06.jpg" alt=""></li>
        </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Clayton Batchelor
Clayton Batchelor
6,170 Points

I was just looking threw that lesson. I think it only wants you be exactly specific. You should remove the link tags.

Hugo OSWELL
Hugo OSWELL
1,307 Points

LOL ! it was just because of the links I putted on the images. I as doing too much ! Thanks for your help guys !