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 Dylan Dieckhoff
Dylan Dieckhoff
972 Points

Why do images that I type the links to still have a red line under them and do not display when i preview them?

I'm on lesson 2 of learning how to make a website and I can't get past the part where it requires that I attach images to my webpage. I've done everything correctly and yet a red line still remains under the image links the practice provided me and they do not show up in the preview screen when I want to see them.

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-"img/numbers-01.jpg">
        <img src-"img/numbers-01.jpg">
        </a>  
      </li>
      <li>
        <a href-"img/numbers-02.jpg">
        <img src-"img/numbers-02.jpg">
        </a>  
      </li>
       <li>
        <a href-"img/numbers-06.jpg">
        <img src-"img/numbers-06.jpg">
        </a>  
      </li>
     </ul> 
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

1 Answer

hl9
hl9
8,443 Points
hl9
hl9
8,443 Points

Hi Dylan,

Looks like you just used dashes instead of equal signs :)

Should be this:

<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg">
</a>