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 Travis Bentz
Travis Bentz
640 Points

Not sure why my first website is not showing my photos? 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Travis Bentz | First</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>travisbentz</h1>
        <h2>First</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>
    <section>
      <ul>
        <li>
          <a>href="img/numbers-Halloween Costume.jpg">
            <img src="img/numbers-Halloween Costume.jpg" alt="">
            <p>The Scariest Halloween Costume Ever.</p>
          </a> <li>
          <a>href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" alt="">
            <p>Experimentation with color and texture.</p>
          </a>
        </li>

Staff Edit: For formatting your code on the forum, please remember to wrap your code with 3 backticks (```) on the line before and after. If you specify the language after the first set of backticks, that'll help us with syntax highlighting! :D

2 Answers

Denny Schouten
Denny Schouten
8,246 Points

hi, you could try to rewrite the anchor <a>href.. to <a href... at <a>href="img/numbers-Halloween Costume.jpg"> and <a>href="img/numbers-01.jpg"> but it should show you a picture regardless, assuming the path of numbers-01.jpg hasn't been changed.

Travis Bentz
Travis Bentz
640 Points

so that was it! thank you! and the file path did change so it links to a file path not found on this server error message. That got me past the test. The problem now is that it doesn't show any pictures or logos on the website. The links to twitter and fb each work but not the photos. do you see anything else? I have been over the code numerous times and can't see anything.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Travis Bentz | First</title> <link rel="stylesheet" href="css/normalize.css"> </head> <body> <header> <a href="index.html"> <h1>travisbentz</h1> <h2>First</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> <section> <ul> <li> <a href="img/numbers-A True Quote.jpg"> <img src="img/numbers-a true quote.jpg" alt=""> <p>A Favorite Quote.</p> </a> </li> <li> <a href="img/numbers-Halloween Costume.jpg"> <img src="img/numbers-halloween costume.jpg" alt=""> <p>Guess What I Am?.</p> </a> </li> <li> <a href="img/numbers-Insane Joker.jpg"> <img src="img/numbers-insane joker.jpg" alt=""> <p>My Bernie Meme 2016.</p>

Jacob Lamb
Jacob Lamb
1,557 Points
Jacob Lamb
Jacob Lamb
1,557 Points

Maybe its because your href is not in the <a> tag.

Travis Bentz
Travis Bentz
640 Points

yep! thx