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 Add Image Gallery Content

Posted by Fred Paras
Fred Paras
331 Points

Add image gallery content on the web design track.

I have been stuck on being able to add the photos on the img folder to my workspace. I seem to be able to download it, save it on my desktop, and when it is time to download the files/photos on my workspace, it just does the folder, without the contents.

I am using Firefox 29.0 I have been making progress, and I cannot for the life of me, able to download the photos on my worskpace.

3 Answers

Brady Bean
Brady Bean
9,003 Points
Brady Bean
Brady Bean
9,003 Points

Hey Fred, sorry to hear you are running into problems with this. Can you describe the exact steps you are taking to upload these files? Are you dragging/dropping the folder into the file tree panel of your workspace? Are you right-clicking in the file tree panel and choosing upload? Have you checked the folder to ensure that there are contents within before uploading? Thanks!

Fred Paras
Fred Paras
331 Points
Fred Paras
Fred Paras
331 Points

Yes, I have checked the contents upon downloading and saving it on my desktop. I was able to download the items of the folder, by going thru some of the steps that was outlined by another student on the forum. Those steps were creating a new folder, and one by one copying over the images to that new folder. Then going to my workspace and uploading it from the new folder, one by one.

However, I am not seeing the same photo that Nick is showing on the video, when I click on preview.
This is a copy of my code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Fred Paras | Designer</title> </head> <body> <header> <a href="index.html"> <h1>Fred Paras</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>Ā© 2014 Fred Paras. </p> </footer> </body> </html>

Then, on my preview this is what comes up:

Fred Paras Designer

Portfolio
About
Contact

Ā© 2014 Fred Paras. As you can see, there is no jpg of numbers-01

Thank you for following up Brady. Hopefully, you can provide some insights.

Fred

Brady Bean
Brady Bean
9,003 Points
Brady Bean
Brady Bean
9,003 Points

Hey Fred. If that is indeed the code you are working with then it looks like you are missing quite a bit of markup. After your <!DOCTYPE html> you should have a lot more HTML. Is there a way you can share this particular workspace with me? Or send me a link to the live preview?