Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

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>

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

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

PS : where is the body tag ?!

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.

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