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 Numair Khan
Numair Khan
3,210 Points

Pic Not Showing

Hello

I am doing the "how to make a website by nick pettit" and I have gotten pretty far but the pictures I added are not showing up. They simply show a small black page with an x in the middle I am pretty sure one of you have seen it I have also tried on google chrome and also explorer it is still doing the same thing. And I have literally wrote the exact same code on his screen but please tell me if this is a bug in my computer or is it in my code and if so please tell me how to fix it 

Best Regards,

Numair

Padraic Histon
Padraic Histon
8,460 Points

Hi Numair,

Can you post your code so we can have a look to see where it is going wrong for you?

4 Answers

Padraic Histon
Padraic Histon
8,460 Points

Hi Numair,

Your code looks fine so you just need to make sure that you have your images stored in a folder called "img" and this folder should appear on the same level as your index.html file in the workspace filetree hierarchy.

https://w.trhou.se/4lme0tpnaz

Saleh Ben Nakhi
Saleh Ben Nakhi
7,305 Points
Saleh Ben Nakhi
Saleh Ben Nakhi
7,305 Points

Double check you've got the location correctly. if you saved the pictures at a different location than nick did, or if you named the file differently, this could lead to mix ups.

Numair Khan
Numair Khan
3,210 Points
Numair Khan
Numair Khan
3,210 Points

Padraic Niston

here is the index.html is this what you wanted

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Numair Khan | Web Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href = "index.html" id="logo"> <h1>Numair Khan</h1> <h2>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> <li> <a href="Img/numbers-01.jpg" alt=""> <img src="img/numbers-01.jpg"> <p>Expiramentation with color and texture</p> </a> </li>

              <li>
                <a href="img/numbers-02.jpg">
                    <img src="img/numbers-02.jpg" alt="">
                    <p>Expiramentation with color and texture</p>
                </a>
              </li>


              <li>
                <a href="img/numbers-06.jpg">
                    <img src="img/numbers-06.jpg" alt="">
                    <p>Expiramentation with color and texture</p>
                </a>
              </li>
              <li>
                <a href="img/numbers-09.jpg">
                    <img src="img/numbers-09.jpg" alt="">
                    <p>Expiramentation with color and texture</p>
                </a>
              </li>      
              <li>
                <a href="img/numbers-12.jpg">
                    <img src="img/numbers-12.jpg" alt="">
                    <p>Expiramentation with color and texture</p>
                </a>
              </li>


            </ul>
          </section>
          <footer>
            <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
            <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook logo"></a>
            <p>&copy; 2017 Numair Khan.</p>
          </footer>
        </div>

</body> </html>

Numair Khan
Numair Khan
3,210 Points
Numair Khan
Numair Khan
3,210 Points

p.s itried downloading on a mac and I was able to seethe pictures on my website