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

Posted by Cameron Button
Cameron Button
1,084 Points

my numbers-12.jpg doesn't appear in my preview mode. I copy and pasted just like in the video. Please help.

Front end web design, creating HTML content stage 3.

Here is the code

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Cameron Button | Designer</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Cameron Button</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 clour and texture.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt="">
            <p>Trying to create an 80's style of glows.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
            <p>Drips created using Photoshop Brushes.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-09.jpg">
            <img src="img/numbers-09.jpg" alt="">
            <p>Creating shapes using reptition.</p>
          </a>
       <li>
          <a href="img/numbers-012.jpg">
            <img src="img/numbers-012.jpg" alt="">
            <p>Experimentation with clour and texture.</p>
          </a>
        </li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2014 Cameron Button.</p>
    </footer>
  </body>
</html>
Kristen Law
Kristen Law
16,244 Points

Cameron Button, see this for formatting your code: https://teamtreehouse.com/forum/posting-code-to-the-forum

3 Answers

Kristen Law
Kristen Law
16,244 Points

It looks like you're missing the closing li tag for your list item containing numbers-09.jpg. Also, you're referring to numbers-012.jpg instead of numbers-12.jpg.

Take a look at this section of your code below:

<li>
    <a href="img/numbers-09.jpg">
        <img src="img/numbers-09.jpg" alt="">
        <p>Creating shapes using reptition.</p>
    </a>
<!-- there should be a </li> tag here -->
<li>
    <a href="img/numbers-012.jpg"> <!-- this needs to be changed to numbers-12.jpg -->
        <img src="img/numbers-012.jpg" alt=""> <!-- this also needs to be changed to numbers-12.jpg -->
        <p>Experimentation with clour and texture.</p>
    </a>
</li>

This code should work:

<li>
    <a href="img/numbers-09.jpg">
        <img src="img/numbers-09.jpg" alt="">
        <p>Creating shapes using reptition.</p>
    </a>
</li>
<li>
    <a href="img/numbers-12.jpg">
        <img src="img/numbers-12.jpg" alt="">
        <p>Experimentation with clour and texture.</p>
    </a>
</li>
Cameron Button
Cameron Button
1,084 Points

THANKS!

Matthew Smart
Matthew Smart
12,567 Points
Matthew Smart
Matthew Smart
12,567 Points

please provide the code mate

Jason Larkin
Jason Larkin
13,970 Points
Jason Larkin
Jason Larkin
13,970 Points

Hi Cameron, Please use the preferred method: three ```s above and below your code and re-post so I can be of more help.

Cameron Button
Cameron Button
1,084 Points

Woohoo figured out how to post my code... im learning!