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

Kristaps Mediks
Kristaps Mediks
2,996 Points

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

Brendan O'Brien
Brendan O'Brien
5,521 Points

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://.....

Brendan O'Brien
Brendan O'Brien
5,521 Points

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

Kristaps Mediks
Kristaps Mediks
2,996 Points

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.

Kristaps Mediks
Kristaps Mediks
2,996 Points

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!

Levi Flint
Levi Flint
2,451 Points

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. ;-)

Kristaps Mediks
Kristaps Mediks
2,996 Points

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

Marcuz Gabriel Larsen
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree seal-36
Marcuz Gabriel Larsen
Full Stack JavaScript Techdegree Graduate 16,462 Points

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 :)