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 Structure the Image Gallery

Andreas Frost Nordstrøm-Hansen
Andreas Frost Nordstrøm-Hansen
2,443 Points
Posted by Andreas Frost Nordstrøm-Hansen
Andreas Frost Nordstrøm-Hansen
2,443 Points

No picture shows up

So ive followed along and done the code.

but when i preview the picture doesn't show up for me. Any idea why?

here is the code

<!DOCTYPE html>

<html> <head> <meta charset="utf-8"> <title>Andreas Frost | Learner</title> </head>

<body>

<header>

  <a href="index.html">
    <h1>Andreas Frost</h1>
    <h2>Learner</h2>

  </a>
  <nav>
    <ul>
      <li><a href="index.html">Portfolio</a></li>
      <li><a href="om.html">OM</a></li>
      <li><a href="kontakt.html">Kontakt</a></li>
    </ul>


  </nav>
 </header>

 <section>
  <ul>
   <li>
      <img src="img/numbers-01.jpg" alt="">

   </li>



   </ul>
 </section>
 <footer>
   <p>&copy; 2016 Andreas Frost.</p>
 </footer>

</body>

5 Answers

Andreas Frost Nordstrøm-Hansen
Andreas Frost Nordstrøm-Hansen
2,443 Points
Andreas Frost Nordstrøm-Hansen
Andreas Frost Nordstrøm-Hansen
2,443 Points

Okay so i messed a bit more with it. Seems like it's a cache issue. Cleared cache with CRTL F5 in Chrome. Just to let people know in case someone else is having the same issue.

Thanks for trying to help though.

Tracy Excell
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points
Tracy Excell
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points

Hi your image tag looks fine, but your top code looks unusual:

<a href="index.html"> <h1>Andreas Frost</h1> <h2>Learner</h2>

</a> I am not sure why there is an anchor tag there? It might be causing your problems.

Christian Andersson
Christian Andersson
8,712 Points
Christian Andersson
Christian Andersson
8,712 Points

You probably forgot to upload the image to the workspace, like the teacher does in the video.

The code looks correct, but if the image doesn't exist it cannot be displayed. So double-check it exists, upload it if not, and try again.

Andreas Frost Nordstrøm-Hansen
Andreas Frost Nordstrøm-Hansen
2,443 Points
Andreas Frost Nordstrøm-Hansen
Andreas Frost Nordstrøm-Hansen
2,443 Points

Tracy. He has done it that way in his video too. Reason being all the headline text in between is clickable to go to frontpage.

Christian. No all the files is there.

Andreas Frost Nordstrøm-Hansen
Andreas Frost Nordstrøm-Hansen
2,443 Points
Andreas Frost Nordstrøm-Hansen
Andreas Frost Nordstrøm-Hansen
2,443 Points

Okay so i shows the clickable name. When i click Andreas Frost Learner. It redirects me to index.html and then it shows me the picture, but then heading with Andreas Frost Learner is gone. Any clues.

Maybe it's outdated too much?