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 Structure the Image Gallery

I did everything, but in the preview image is not there, just the small icon that img is not available.

What Can I do to get it to show up? This is how it looks like... http://port-80-svxz6w5wf2.treehouse-app.com/

6 Answers

Hi Kristaps: Sorry about the sexual reassignment surgery I enrolled you in. ;-) I have no excuse either, for my entire life growing up most people forgot the terminal n in Brendan and thence I became 'Brenda.' Apologies.

Anyway, it's going to come down to this line: <img src="img/numbers-01.jpg" alt=""> I haven't done the html course on treehouse so I'm not familiar with how they made you upload it. BUT, I'm betting you need to put the full link there to make sure it finds the image. When it doesn't, it defaults to the alt="" which is that little question mark you get.
So, first check to make sure that the image really is in a subdirectory called img
If not, then you might need to create that directory and move the file there.

If it is where it's supposed to be, then the link is probably not specific enough. Replace it with the entire link: http://.....

Hi Kristen: Can you post the html code for us to look at? More than likely, you need to check the code to make sure it's pointing exactly to where your image is saved on the server.

Cheers,

Brendan

Hi Brendan, i'm a dude btw. ;) It's Kristaps, like english Chris.

On topic: Here is the code

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Kristaps Mediks | Designer</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Kristaps Mediks</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="img/numbers-01.jpg" alt="">
        </li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2015 Kristaps Mediks.</p>
    </footer>
  </body>
</html>

All works, except for that picture. I uploaded like the video asked and it should work, but it does not.

Ok, I found my problem, Sorry for bothering you! In the end problem was in <img src="img/numbers-01.jpg" alt=""> line. I had a folder named images, not img, that is why it did not show up. Thanks!

I had the same problem. Too funny that "IMG" instead of "img" causes it not to function. It's all in the details here in this coding world, apparently. ;-)

Ah! that'll do it

Yeah, that is exactly what heppenned. Thanks! :)

I have wrote it correct and it doesnt work in comparison to my own pictures added. It might has something to do with the IE 10 update or that the pictures is originated from a MAC and I am using a windows computer :)