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

Img folding not loading?

I'm having trouble downloading the IMG folder to my workspace. It keeps loading and never actually adding to my workspace. I've tried everything, and it still seems to not load all the way. Any advice?

5 Answers

Donald McLamb
Donald McLamb
2,867 Points

Hi Tristan,

It is likely an issue with the browser you are utilizing to load the data into the workspace. I switch to IE to load data, firefox does not work for me though.

Hey Donald,

Thanks for the reply. I switched browsers and got it to work. But I ran into a problem at the end of the exercise.

here is a copy of my code:

<!DOCTYPE html> <html> <head> <meta charset="utf8"> <title>Tristan Matheson | Designer</title>
</head> <body> <header> <a href="index.html"> <h1>Tristan Matheson</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> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt""> <p>Experimentation with color and texture</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt""> <p>Playing with blending on photoshop</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt""> <p>Trying to create an 80's style of glow</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt""> <p>Drips created using Photoshop brushes</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt""> <p>Creating shapes using repetition</p> </a> </li> </ul> </section> <footer> <p>© Tristan Matheson.</p> </footer> </body> </html>

And I'm receiving this error message when I'm checking my work: Bummer! Add three empty list items (<li></li>) to the unordered list.

I know this is super beginner and I shouldn't be running into trouble, but I'm just not seeing what I did wrong. Any help would be appreciated, thanks again =)

Donald McLamb
Donald McLamb
2,867 Points

Hi Tristan,

Your code is not displaying. I would review the markup cheat sheet and the video about how to ask for help on the right side of this screen if you are having issues pasting your code.

Jonas Mørkeby
Jonas Mørkeby
3,530 Points

Hi. I had the uploading issue too, and I solved it by uploading the images instead of the folder containing the images. Afterwards I created a folder and moved the images into it.

Regarding the code not showing in your reply, please take a look at the Markdown Cheatsheet beneath the comment input field... You need to use 'backticks' around your code:

"Wrap your code with 3 backticks (`) on the line before and after."

I put the backticks and it stll doesn't work...

when I look at my workspaces, everything matches the cod displayed in the video and the ending result when rendered, was spot on to Nicks.

I keep getting this message even after the '''

Challenge task 1 of 2

Inside the <section> element, create an unordered list with three blank list items. This will become an image gallery, but don’t fill in the list items just yet.

Bummer! Add three empty list items (<li></li>) to the unordered list.

I appreciate the help from both of you guys...This is super basic stuff, and for some reason I keep messing it up...

Jonas Mørkeby
Jonas Mørkeby
3,530 Points

Hi again. I think you misunderstood... :)

You need the backticks for pasting code into your forum post. Not in the challenges. Also be aware that the ' is not a backtick. There are three different characters: ` ' ´ The first one is the backtick!

When using the backtick in your forum post it should look like this:

    <section>
        <ul>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </section>