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 Build the Footer

Bennett Nelson
Bennett Nelson
783 Points
Posted by Bennett Nelson
Bennett Nelson
783 Points

Workspaces not working?

Hello! I was attempting to add the footer images in this tutorial and I can not get them to show up no matter what I try. I checked for code errors but I added the images the exact same way as I added the images in a previous tutorial and they don't work. I have also made sure that I have saved (many times!) and preview still doesn't seem to work. I have also tried editing a paragraph to see if that changes, but it stays the same too. Finally, I restarted workspaces, which doesn't fix the issue either. Any ideas?

BTW here's my code:

 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Bennett Nelson | Designer</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Bennett Nelson</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 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>
    </section>
    <footer>
      <a href="http://twitter.com/benrannel">
        <img src="img/twitter-wrap.png" alt="Twitter Logo">
      </a>
      <a href="http://facebook.com/operationmoonfall">
        <img src="img/facebook-wrap.png" alt="Facebook Logo">
      </a>
      <p>&copy; 2015 Bennett Nelson.</p>
    </footer>
  </body>
</html>
katherinevenegas
katherinevenegas
1,124 Points

Hey You're html works fine on my end. The problem must be in your CSS. Check the color settings. If you can't figure it out, please post your CSS. Thanks and good luck.

Timothy Noyama-Zee
Timothy Noyama-Zee
2,847 Points

I was having the same issue, then when I put in .jpg images and had success, I knew that it was an issue with the file format, which lead me to believe that it is an issue with workspace. When I try to preview the .png files for facebook-wrap and twitter-wrap, nothing comes up, where the .jpgs do. If you see the same thing, put in a .jpg to one of your img src lines to confirm this theory.