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 ramseydennis
ramseydennis
4,530 Points

I have the same code as Nick from what I can see, but my image is not showing up in the preview.What might the issue be?

Hi, in the <section> area of my code - I have the same code that Nick requested I write, but my "numbers-01.jpg" image is not showing up in the preview - can anyone identify what might be wrong? (Stage 3 of Front End Web Development).

P.S. - I have the image file on my Workspaces sidebar.

Thanks - 

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
  <title>Name | Designer</title>
  </head>
  <body>
    <header>
    <a href="index.html">
      <h1>Name</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>
  <section>
    <ul>
      <li><img src="img/numbers-01.jpg" alt=""></li>
    </ul>
  </section>
  <footer>
    <p>&copy; 2015 Name.</p>

  </footer>
Robert Richey
Robert Richey
Courses Plus Student 16,352 Points

Hi Ramsey,

I added markdown to your code. Some of the html was not being displayed.

If you're curious about how to add markdown like this on your own, checkout this thread on posting code to the forum . Also, there is a link at the bottom called Markdown Cheatsheet that gives a brief overview of how to add markdown to your posts.

Cheers!

2 Answers

Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points
Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points

hey, is the name of your folder "img" ?

PS : where is the body tag ?!

ramseydennis
ramseydennis
4,530 Points

Hey Ayoub,

Thanks for your help. I had my file named "img -" rather than "img", and that did the trick. The body tag is there, but for some reason when I copy and pasted it didn't show the whole sheet of code.

Raphael Carvalho
Raphael Carvalho
371 Points
Raphael Carvalho
Raphael Carvalho
371 Points

hey,

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
  <title>Name | Designer</title>
  </head>
  <body>
    <header>
    <a href="index.html">
      <h1>Name</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>
  <section>
    <ul>
      <li><img src="img/numbers-01.jpg" alt=""></li>
    </ul>
  </section>
  <footer>
    <p>&copy; 2015 Name.</p>
  </footer>
</body><!-- need add this tag -->
</html><!--ADD this tag -->

if y dont close the tag < html > your web page appear blank and the code not works