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 Randhir Rana
Randhir Rana
4,754 Points

I have gone through the past videos and my pictures have broken links on my website

Im not sure why this is. Can you please help me? Its related to html not CSS

here is my code

<!DOCTYPE= html> <html> <head> <meta charset="utf-8"> <title>Randhir Rana</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html"> <h1> Randhir Rana</h1> <h2> | Designer </h2> </a> <nav> <ul> <li><a href="index.html">Porfolio </a> </li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <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 modes using photoshop </p>
          </a>
    </li>

    <li>
         <a href="img/numbers-06.jpg">
          <img src="img/numbers-06.jpg alt="">
          <p>Trying to use an 80s 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 paintbrush </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> 

 </section>
 <footer> 
       <a href="http://twitter.com"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> 
       <a href="http://facebook.com"> <img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
       <p> &copy;2014 Randhir Rana</p>
 </footer>

</div> </body> </html>

2 Answers

Jon Benson
Jon Benson
12,168 Points

Rana

It looks like when identifying img src you did not add the closing ". For example <img src="img/numbers-02.jpg alt=""> should be <img src="img/numbers-02.jpg" alt="">

It is often the little things.... Good Luck!

Tom Bedford
Tom Bedford
15,645 Points
Tom Bedford
Tom Bedford
15,645 Points

Hi Rana,

You are adding images with:

<img src="img/numbers-12.jpg alt="">

There is a problem with this as you haven't ended the scr attribute before starting the alt attribute.

Try using:

<img src="img/numbers-12.jpg" alt="">

If this doesn't solve the issue then there is an error in the path used in the scr attribute. You can see guide to fixing broken images on the Treehouse blog.

Edit: beaten by Jon Benson