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

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,717 Points
Marcus Parsons
Marcus Parsons
15,717 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,717 Points

Haha no problem, Isaiah! :P Happy Coding!