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 Organize with Unordered Lists

Posted by dieselintheveins
dieselintheveins
523 Points

Help with this challenge

I started a post on this challenge last week but I didn't get an email of a response and it's not appearing under my posts now. My images aren't appearing on the preview. They are downloaded to the same location as index.html.

''' </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 modes in 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 glows.</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>

'''

dieselintheveins
dieselintheveins
523 Points

I also haven't figured out to get the code to display! :(

4 Answers

Chris Vickers
Chris Vickers
2,045 Points
Chris Vickers
Chris Vickers
2,045 Points

You need to open the unordered list and close it. have a look below.

<ul>

</ul>
dieselintheveins
dieselintheveins
523 Points

I have both, how can I display my full code?

<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 modes in 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 glows.</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>
dieselintheveins
dieselintheveins
523 Points
dieselintheveins
dieselintheveins
523 Points

Now it showed up, don't know why it disappeared before?!

Sam Nabhan
Sam Nabhan
2,157 Points
Sam Nabhan
Sam Nabhan
2,157 Points

Hi Melissa,

It appears as though you did not download the project files from the lesson then upload them to your Workspace as instructed.

If this is the case, go back to the video titled "Add Image Gallery Content" (Stage 3) and download the zipped 'Project Files' (right sidebar) to your PC. You then need to unzip the file, open your Workspace and drag-n-drop the 'img' folder into it.

Hope this helps.

Regards, Sam

Jason Anello
PLUS
Jason Anello
Courses Plus Student 94,610 Points
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Your html is expecting your images to be in the "img" folder. If your images are where the index file is then it won't find them.