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 Sarah Cardin
Sarah Cardin
167 Points

Can't find the files I'm supposed to download for this step Where are they?

I'm supposed to download an archive of image files to complete this part of the lesson. I've looked through the whole workspace interface & can't find any way to access this archive. In fact, I've noticed that the workspace doesn't quite work as advertised on my Win 8.1 laptop. Up til now, the problems have been minor & I've been able to work around them.

Any ideas?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</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="index.html">Portfolio</a></li>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="index.html">Portfolio</a></li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
jeffreyl
jeffreyl
2,021 Points

Hey Sarah!

So what they are looking for here is for you to give a "Relative" address to the images, when they ask:

Inside the three new list items add the following images from inside the img folder: "numbers-01.jpg", "numbers-02.jpg", etc....

You don't actually have to see the folder they are talking about because you know that it is in the "img" folder and the names of the files e.g "numbers-01.jpg"

Remember that a "Relative" address is relative to the index.html file you are writing the html in, and that from the lesson this is at the same level as the "img" folder so the relative address would be img src="img/numbers-01.jpg" alt="" here leaving the alt attribute empty as the question asks. They haven't asked you to link yet, just put an image in in the <section> so that is why you use img src="" rather than an anchor element link a href="" Hope this helps!

Best, Elena

</header> <section> <ul> <li><img src="img/numbers-01.jpg" alt=""></li> <li><img src="img/numbers-02.jpg" alt=""></li> <li><img src="img/numbers-06.jpg" alt=""></li> </ul> </section> <footer>

2 Answers

jeffreyl
jeffreyl
2,021 Points
jeffreyl
jeffreyl
2,021 Points

Hey Sarah!

So what they are looking for here is for you to give a "Relative" address to the images, when they ask:

Inside the three new list items add the following images from inside the img folder: "numbers-01.jpg", "numbers-02.jpg", etc....

You don't actually have to see the folder they are talking about because you know that it is in the "img" folder and the names of the files e.g "numbers-01.jpg"

Remember that a "Relative" address is relative to the index.html file you are writing the html in, and that from the lesson this is at the same level as the "img" folder so the relative address would be img src="img/numbers-01.jpg" alt="" here leaving the alt attribute empty as the question asks. They haven't asked you to link yet, just put an image in in the so that is why you use img src="" rather than an anchor element link a href="" Hope this helps!

Best, Elena

<section> <ul> <li><img src="img/numbers-01.jpg" alt=""></li> <li><img src="img/numbers-02.jpg" alt=""></li> <li><img src="img/numbers-06.jpg" alt=""></li> </ul> </section> <footer>

Sarah Cardin
Sarah Cardin
167 Points

Hi Elena

Thanks for your answer. If my problem was that I didn't understand relative addresses, I would surely understand them now : )

Obviously I didn't make my question as clear as I'd thought. What I'm trying to figure out is where to get the images that are going to be used for the website I'm building in the exercise. The instructions that were given in the video didn't work for me. I'm not sure whether something has changed in how the workspace is implemented, or whether my secuirty might be blocking something essential to completing the lesson, or what.

Where do I get the zip/archive file that contains the images for the exercise?

Sarah

jeffreyl
jeffreyl
2,021 Points
jeffreyl
jeffreyl
2,021 Points

Sarah,

Happy to expand on your knowledge of relative addresses ;)

So, to get the zip file try navigating to this link which, is a video you already watched: https://teamtreehouse.com/library/how-to-make-a-website/creating-html-content/add-image-gallery-content

The video will probably start to auto-play just go ahead and pause the video. Then scroll down and you'll see several options: Teacher's Notes | Questions? | ... Downloads |

Click on downloads and you will see several options for downloads; the zip you want is "Project Files.zip"

Hope this answers your real question!

Elena