Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Add Social Media Links

JW_Novice Wilby
JW_Novice Wilby
303 Points

Where is the file tree to the left of the workspace to add the img.png files on my challenge question?

Where is the file tree to the left of the workspace to add the img.png files? I have them downloaded to my desktop but now gutter to add the files to under Index.html.

I receive the following prompt from my challenge question:

Be sure you add alt text to your Twitter link.

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>
          <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>
      <img src="img/twitter-wrap.png"><alt id="Twitter">
      <img src="img/facebook-wrap.png"><alt id="Facebook">
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Regena Koeshall
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Regena Koeshall
Front End Web Development Techdegree Graduate 21,143 Points

the challenge question does not require you to see the sidebar that holds the files to this challenge. Your problem is that alt="Twitter" should be inside of <img> like this , <img src="img/twitter-wrap.png" alt="Twitter">. Same for Facebook image, also delete the id since this is not needed for this challenge. If you need to see the sidebar in your own projects in workspace then look at the toolbar at the top of workspaces and click on view, then click on show sidebar. Hope this helps.

2 Answers

Thomas Fildes
Thomas Fildes
16,201 Points

Hi there,

The prompt is asking you to provide some text for the alt attribute which is not currently on your code. You need to put something like the below for the images:

<img src="img/twitter-wrap.png" alt="Twitter">
<img src="img/facebook-wrap.png" alt="Facebook">

Also, the code challenge is just to test what you have learned and the instruction tells you the filepath of the images which is why you will not need the file tree.

JW_Novice Wilby
JW_Novice Wilby
303 Points

This really helps!

Thank you...

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,623 Points

Hey there,

The challenges will never require you to add files. The error you are receiving is because there is an error in your HTML. The alt tags cannot have anything else associated with them, so the id= that is there is incorrect and needs to be removed. alt tags are on there on and serve the purpose of including additional (or "alternative") information.

Second, the alt tags need to be included inside of the image tags. They are not a tag themselves, so can not be inside of <> on their own.

Give it another go with this in mind, and maybe give the footer video a quick review.

Keep Coding! :) :dizzy: