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 Add Image Gallery Content

Claudiu Chiorean
Claudiu Chiorean
2,941 Points

I can't view the image (Web Design-Creating HTML Content)

Hi there, I'm following on Nick Pettit lesson in Adding Image Gallery Content, I did all the code and completely the same as his but when I preview my project on workspace theres no image at all....pls. help

please provide your code so it is easier to help.

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

I agree we need to see the code along with a link to any code challenge if possible!

If I was to guess though I'd say try looking at your image elements and specifically the src attributes making sure the releative file paths to the image are correct.:-)

Claudiu Chiorean
Claudiu Chiorean
2,941 Points

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tittle>Mayla Chiorean | Designer</tittle> </head> <body> <a href="index.html"> <h1>Mayla Chiorean</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></a></li> <li><a href="about.html">About</a></a></li>
<li><a href="contact.html">Contact</a></li> </ul> </nav>

</header>
<section>
  <ul>
    <li>
      <a href="img/numbers-01.jpg">
        <img scr="img/numbers-01.jpg" alt="">
        <p>Experimentation with color and texture to describe this image.</p>
      </a>
    </li>
    <li>
      <a href="img/numbers-02.jpg">
        <img scr="img/numbers-02.jpg" alt="">
        <p>Playing with blending modes in Photoshop.</p>
      </a>
    </li>
      <a href="img/numbers-06.jpg">
        <img scr="img/numbers-06.jpg" alt="">
        <p>Trying to crate an 80's style of glows.</p>
      </a>
    </li>
    <li>
      <a href="img/numbers-09.jpg">
        <img scr="img/numbers-09.jpg" alt="">
        <p>Drips created using Photoshop brushes.</p>
      </a>
    </li>
    <li>
      <a href="img/numbers-12.jpg">
        <img scr="img/numbers-12.jpg" alt="">
        <p>Creating shapes using repetition.</p>
      </a>
    </li>
  </ul>
</section>
<footer>
  <p>&copy; 2014 Mayla Chiorean</p>

</footer>

</body> </html>

2 Answers

You need to use <img src="...">, it's src for "source", rather than scr.

Claudiu Chiorean
Claudiu Chiorean
2,941 Points

Wow, thank you Mr. Ben, I didnt even notice that the initial of sourse was mixed up.....

Claudiu Chiorean
Claudiu Chiorean
2,941 Points

I really appreciated for your promptness guys....thank you so much