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

Rubens Neto
Rubens Neto
13,422 Points
Posted by Rubens Neto
Rubens Neto
13,422 Points

The image does not open in the preview.

Hello guys! Is something wrong with my code? I am sure the image's name is right, but when I preview the file can't be found.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Rubens Neto | Designer</title> </head> <body> <header> <a href="index.html"> <h1>Rubens Neto</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="skills.html">Skills</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <section> <ul> <li> <img src="img/Brene4.jpg" alt=""> </li> </ul> </section> <footer> <p>Ā© 2015 Rubens Neto</p> </footer> </body> </html>

6 Answers

Rubens Neto
Rubens Neto
13,422 Points
Rubens Neto
Rubens Neto
13,422 Points

Just resized the images on photoshop, uploaded again and it worked!

Thanks!

Julian Aramburu
Julian Aramburu
11,368 Points
Julian Aramburu
Julian Aramburu
11,368 Points

Hi Rubens! The code seems right, so the problem must be somewhere else. Are you sure that the path in the src attribute is correct? Or that the name of the file is correct? Remember that paths are case sensitive, so if the file is "brene4.jpg" you need to write it like that and not with the uppercase B. Is your file inside the img folder? Also this is case sensitive so IMG isn't the same as img.

Rubens Neto
Rubens Neto
13,422 Points
Rubens Neto
Rubens Neto
13,422 Points

Thanks for your help Julian! I review the files and all the "cases" are wrote correctly. But the files don't preview even when I click them inside the workspace.

Julian Aramburu
Julian Aramburu
11,368 Points
Julian Aramburu
Julian Aramburu
11,368 Points

Can you post the workspace (using the snapshot featured in it)? I copied your html, tested locally with some random img renamed "Brene4.jpg" and it just worked fine...

Rubens Neto
Rubens Neto
13,422 Points
Rubens Neto
Rubens Neto
13,422 Points

Of course Julian! I could not find way to post it directly here so I uploaded it in a host:

http://s21.postimg.org/sthlsb8br/Captura_de_Tela_2015_08_04_s_12_25_10.png

Thanks again!

Julian Aramburu
Julian Aramburu
11,368 Points
Julian Aramburu
Julian Aramburu
11,368 Points

You have two icons next to the preview icon, one is for forking your project and the other one is for sharing it , use that so I can check the code!

EDIT: Wait, I just realize that the problem is in the jpg file... outside the workspace are you actually able to see the file correctly?

Rubens Neto
Rubens Neto
13,422 Points
Rubens Neto
Rubens Neto
13,422 Points

I can see all the images pretty clear in my computer.

Rubens Neto
Rubens Neto
13,422 Points
Rubens Neto
Rubens Neto
13,422 Points

Just posted the snapshot!

Julian Aramburu
Julian Aramburu
11,368 Points
Julian Aramburu
Julian Aramburu
11,368 Points

Have you tried re-uploading the image?

Rubens Neto
Rubens Neto
13,422 Points
Rubens Neto
Rubens Neto
13,422 Points

Just did it but still don't work. =( Anyway, thank you very much for your help!

Julian Aramburu
Julian Aramburu
11,368 Points
Julian Aramburu
Julian Aramburu
11,368 Points

Are the other images working?

Rubens Neto
Rubens Neto
13,422 Points
Rubens Neto
Rubens Neto
13,422 Points

None of images working...