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 Isaiah McNealy
Isaiah McNealy
911 Points

Pictures wont open while previewing web page. They will open if i click on them, however.

While previewing my code I only see little blue squares. if i run someone elses code from the forum i can pull up the picture no problem. It does allow me to click on the linked icons and text and will then take me to the image. Any ideas on why this happens, and how to fix it? Any help is greatly appreciated. Thank You.

Isaiah McNealy
Isaiah McNealy
911 Points

https://w.trhou.se/swmmugjpzz

3 Answers

Marcus Parsons
Marcus Parsons
15,719 Points
Marcus Parsons
Marcus Parsons
15,719 Points

Hi Isaiah,

Your main error comes from the src of each image: you have "number" instead of "numbers" inside of each image element i.e. "img/number-01.jpg" should be "img/numbers-01.jpg" and so on. Also, be sure to put an = for any HTML attribute because you're also missing = for your alt attributes (although this didn't cause your error).

        <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 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>
Isaiah McNealy
Isaiah McNealy
911 Points
Isaiah McNealy
Isaiah McNealy
911 Points

https://w.trhou.se/iudxvm1c3k

http://port-80-17p2djgmmf.treehouse-app.com/

thank you. i have corrected those errors and it still doesnt want to open unless i click on it?

Isaiah McNealy
Isaiah McNealy
911 Points
Isaiah McNealy
Isaiah McNealy
911 Points

i had to refresh the page. thank you for the help

Marcus Parsons
Marcus Parsons
15,719 Points

Haha no problem, Isaiah! :P Happy Coding!