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

Posted by Melanie Thompson
Melanie Thompson
272 Points

My pictures don't show up on the webpage and full size image isn't found on server.

On the webpage in the image spot is a icon but the actual image is not seen and if I click on the icon it says the image is not found on the server.

        <li>
          <a href="img/1boxed.png">
            <img src="img/1boxed.png" alt="">
            <p>Box</p>
          </a>
        </li>
        <li>
          <a href="img/1friends.png">
            <img src="img/1friends.png" alt="">
            <p>Friends</p>
          </a>
        </li> 
        <li>
          <a href="img/1hole.png">
            <img src="img/1hole.png" alt="">
            <p>Hole</p>
          </a>
        </li> 
        <li>
          <a href="img/1leaving.png">
            <img src="img/1leaving.png" alt="">
            <p>Leaving</p>
          </a>
        </li> 
        <li>
          <a href="img/1Luna with fractal clouds.png">
            <img src="img/1Luna with fractal clouds.png" alt="">
            <p>Luna</p>
          </a>
        </li>
Toshi Sosa
Toshi Sosa
8,004 Points

I had a same issue for my pictures. I googled it and found "picture re-sizing" program. I used that before upload to the server. There may be better way to do it, but that how I did it for toshisosa.com

Iain Simmons
Iain Simmons
Treehouse Moderator 32,305 Points

Hi Melanie Thompson, just letting you know that I updated your question with a code block, otherwise it tries to actually render the HTML code you pasted in, and obviously can't find those images either!

Please refer to the Markdown Cheatsheet (linked under each text box used to submit your question, comment or answer on the forums) for instructions on how to format code blocks.

2 Answers

Iain Simmons
MOD
Iain Simmons
Treehouse Moderator 32,305 Points
Iain Simmons
Iain Simmons
Treehouse Moderator 32,305 Points

All I can suggest is to check that the path to the images are correct. Note that because you're using a relative link and there's no forward slash at the beginning of the src attributes, it will be looking inside a folder called img that is at the same level as the HTML page that this code is in.

If this code is in a Workspace here on Treehouse, you can share a snapshot of your workspace.

Nurul Ahsan
Nurul Ahsan
2,039 Points
Nurul Ahsan
Nurul Ahsan
2,039 Points

I think you did not put the link of CSS in TML like as:

<link rel="stylesheet"  href="css/style.css" media="screen">

you can change the image size by the CSS

Iain Simmons
Iain Simmons
Treehouse Moderator 32,305 Points

Nurul Ahsan, this is just HTML, if the images can't be found, then either they are in the wrong place, or the wrong path is being used, or they are just missing completely.

CSS could have the same issue, with missing background images, but that isn't what Melanie is asking about.

By the way, I also formatted your HTML code in a code block so it shows up in the forums.

Please refer to the Markdown Cheatsheet (linked from beneath the textbox used to add your question/answer/comment in the forums) for instructions on how to format code blocks.