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 Grantland Plaster
Grantland Plaster
1,088 Points

Can you help me with my HTML code? My images will not show up.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Grantland Plaster | WEBDEV</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,800,700|Changa+One:' rel='stylesheet' type='text/css'> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Grantland Plaster</h1> <h2>Future Web Designer</h2> </a> <nav> <ul> <li><a href="index.html" class="selected">Portfolio</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 id="gallery"> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentaion with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blend.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>80s photoshop.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>drips with photoshop.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>creating shapes with repetition.</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com/gbplaster"> <img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"> </a> <a href="https://www.facebook.com/gbplaster"> <img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"> </a> <p>Ā© 2015 Grant Plaster.</p> </footer> </div> </body> </html>

Joseph Franco
Joseph Franco
11,586 Points

Have you checked your folder structure? your code is referencing a folder: img and looking for

numbers-01.jpg

in there. . . .make sure your are referencing the correct folder by checking your folder structure.

Other things you want to check are the spelling, and file type (jpg, jpeg, png, etc) and make sure you have the right one in your code.

Grantland Plaster
Grantland Plaster
1,088 Points

Ahh yes you are correct I named the folder "Img"and was using the code to call the folder with "img". Thank you very much Joseph Franco

2 Answers

Joseph Franco
Joseph Franco
11,586 Points

Have you checked your folder structure? your code is referencing a folder: img and looking for

numbers-01.jpg

in there. . . .make sure your are referencing the correct folder by checking your folder structure.

Other things you want to check are the spelling, and file type (jpg, jpeg, png, etc) and make sure you have the right one in your code.

Joseph Franco
Joseph Franco
11,586 Points
Joseph Franco
Joseph Franco
11,586 Points

glad i could help, can you mark it as the correct answer please =)