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 logan neher
logan neher
6,949 Points

Pictures are not showing up in browser

Everytime i open the browser the pictures wont show up. I can click the link for them and see them but wont show up on the page. However my 2 pictures in my footer for twitter and facebook show up.

Any advice? I'm currently stuck on what to do.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Logan Neher | Web Design</title> <link rel="stylesheet" href="noramlize.css"> <link rel="stylesheet" href="main.css"> </head>

<body>

<header>

  <a href="index.html">
  <h1>Logan Neher</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>
<div id="wrapper">
<section>
  <ul class="gallery">
    <li>
        <a href="img/numbers-01.jpg">
            <img scr="img/numbers-01.jpg" alt="Picture1">
            <p>Experiment with color and text</p>
        </a>
    </li>
    <li>
        <a href="img/numbers-02.jpg">
            <img scr="img/numbers-02.jpg" alt="pcitrue 2">
            <p>Experiment with color and text</p>
      </a>
    </li>
    <li>
        <a href="img/numbers-06.jpg">
            <img scr="iimg/numbers-06.jpg" alt="Picture 3">
            <p>Experiment with color and text</p>
        </a>
    </li>
    <li>
        <a href="img/numbers-09.jpg">
            <img scr="img/numbers-09.jpg" alt="picture 4">
            <p>Experiment with color and text</p>
        </a>
    </li>
    <li>
        <a href="img/numbers-12.jpg">
            <img scr="img/numbers-12.jpg" alt="picture 5">
            <p>Experiment with color and text</p>
        </a>
    </li>
  </ul>
</section>
<footer>
    <a href="http://twitter.com/loganneher"><img src="img/twitter-wrap.png"  alt="Twitter Logo" </a>
    <a href="https://www.facebook.com/logan.neher"><img src="img/facebook-wrap.png"alt="Facebook logo">
  <p>&copy; 2014 Logan Neher.</p>
</footer>

</body>

</html>

Parker Arbuthnot
Parker Arbuthnot
1,969 Points

You misspelled src. You put scr.

4 Answers

MAHENDRA CHARRAN
MAHENDRA CHARRAN
1,605 Points
MAHENDRA CHARRAN
MAHENDRA CHARRAN
1,605 Points

Hey, it looks like you're starting html and css with me. For the answer to your question, it looks like you have a typo. you have <img scr="img/numbers-12.jpg" alt="picture 5"> when its supposed to be ''' <img src="img/numbers-12.jpg" alt="picture 5"> '''

Matthew Lang
Matthew Lang
13,483 Points
Matthew Lang
Matthew Lang
13,483 Points

Hey! Seems like you've mixed up the <a> tag for <img> tag.

The <a> tag is for links, whereas the <img> tag is for displaying images. If you take a look at your footer, you're actually using <img> tags there properly, though anywhere else you are using <a> tags. The reason you are able to click on the images and it shows you, is because you've made a link to the images via the <a href> tag.

Use <img src="img/numbers-01.png"> instead of <a href="img/numbers-01.png");

evannex
evannex
2,436 Points

The image should be able to be inside of the a tag, that shouldn't mess things up. But the image tags have the src spelled incorrectly as scr, which should be the problem.

evannex
evannex
2,436 Points
evannex
evannex
2,436 Points

A simple Typo appears to be the problem. Try src for your image tag, not scr. That should fix everything!

logan neher
logan neher
6,949 Points
logan neher
logan neher
6,949 Points

Thank you for the help catching the typo. I appreciate it!