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 Structure the Image Gallery

Edward Venaglia
Edward Venaglia
3,601 Points
Posted by Edward Venaglia
Edward Venaglia
3,601 Points

Image not on the preview

I followed the instruction in the video, but decided to use my own images. Instead of the image I'm getting a broken image icon on the preview page. I directed the html correctly to my image and disabled ad block. What am I missing?

Edward Venaglia
Edward Venaglia
3,601 Points
Edward Venaglia
Edward Venaglia
3,601 Points

```<!DOCTYPE html>

  ```<head>
  ```  <meta charset="utf-8">
  ```  <tilte>Edward Venaglia | Designer</tilte>
 ``` </head>
 ``` <body>
  ```  <header>
   ```   <a href="index.html">
    ```  <h1>Edward Venaglia</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="mg/CIMG1077.JPG"
           ```<img src="img/CIMG1077.JPG" alt="">
           ```<p>Experimentation with color and texture.</p>
         ```</a>
        ```</li>
        ```<li>
          ```<a> href="mg/CIMG1101.JPG"
           ```<img src="img/CIMG1101.JPG" alt="">
           ```<p>Playing with bleding modes in photoshop.</p>
         ```</a>
        ```</li>
        ```<li>
          ```<a> href="mg/CIMG1103.JPG"
           ```<img src="img/CIMG1103.JPG" alt="">
           ```<p>Trying to create an 80's style of glows.</p>
         ```</a>
        ```</li>
        ```<li>
          ```<a> href="mg/CIMG1164.JPG"
           ```<img src="img/CIMG1164.JPG" alt="">
           ```<p>Drips created using Photoshop brushes.</p>
         ```</a>
        ```</li>
        ```<li>
          ```<a> href="mg/CIMG1206.JPG"
           ```<img src="img/CIMG1206.JPG" alt="">
           ```<p>Creating shapes using repitition.</p>
         ``` </a>
        ``` </li>
     ```  </ul>
    ``` </section>

3 Answers

Joseph Pietras
Joseph Pietras
2,437 Points
Joseph Pietras
Joseph Pietras
2,437 Points

Try using absolute paths for the src. Right now you are using relative links and the system might not know what directory you are referring to when you write "src="img/CIMG1101.JPG". Try it with src="http://examplesite.com/img/CIMG1101.JPG" and see if that helps. Cheers!

Paul Mather
Paul Mather
3,313 Points
Paul Mather
Paul Mather
3,313 Points

Can you show us the code you have? Use three backticks (```) to ensure it's readable when you add it to this forum.

Edward Venaglia
Edward Venaglia
3,601 Points
Edward Venaglia
Edward Venaglia
3,601 Points

unsure of how to use the backticks correctly, sorry. where do i place them?