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 Add Image Gallery Content

My image does not show

Hello,

This code does not show well on workspace, but it shows on Notepad++. Did I make a mistake?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hopefully Better | Designer </title> </head> <body> <header> <a href='index.html'> <h1>Hopefully Better </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;2016 Hopefully Better  </p>
</footer>

</body>

</html>

8 Answers

Hi Sky, When you say it doesn't show well in workspaces, are you saying you can't see the code? Or that you can't see the image displayed in the browser?

Autumn Silvers
Autumn Silvers
2,995 Points

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

Hi Autumn, I'm trying to see what you did different?

In fact, I am still not able to view anything from my workspace. I have to copy and paste everything to my editor. not sure, if there is a bug.

Hey, sky...workspaces can be a bit buggy sometimes. But if you have it working in your own editor, even better I think. I hardly ever use workspaces. Just like you did, to copy and paste stuff. Did you try tech support? Maybe they can sort it out. Cause your almost at 5000 points, you obviously know how workspaces works. Is it possible you used all 100 workspaces? If so just delete ones you dont need and you should be good to go. I know I have used all mine up before. If you click on the workspace link in the menu, it'll show you how many you used, and you delete them from there.

<img src='img/numbers-01.jpg' alt=''>

Orange sky you used Apostrophe ' instead of quotation mark "

So it should look like this <img src= "img/numbers-01.jpg" alt="">

Hi Anastasia, did you get it figured out? Are you able to view in your own editor but not workspaces?

Anastasia Khazova
Anastasia Khazova
5,640 Points

Hello, Jahn lason! Unfortunately, It still does not work. I have checked all my code and did not find a mistake.

Anastasia, have you been able to go ahead with other courses?

Anastasia Khazova
Anastasia Khazova
5,640 Points

Yes, but at the moment i am doing a course "Web design" and resize the list of items. I try to put them in two colums as well. And i can not see the changes, because i don not see the items. I tried to put my images and i don not see them as well.

Here is my code. Do not pay attention to this ```

  <ul>
    <li>
      <a href="img/numbers-01.jpg">
    <img src="img/numbers-01.jpg"alt="">
      <p>Experimentation with color and texture.</p>
        </a>
    </li>
    <li> 
      <a href="img/numbers-02.jpg">
    <img src="img/numbers-02.jpg"alt="">
      <p>Playing with blending modes in Photoshop.</p>
        </a>
    </li>
    <li>
      <a href="img/numbers-06.jpg">
    <img src="img/numbers-06.jpg"alt="">
      <p>Trying to create an 80's style of glows.</p>
        </a>
    </li>
    <li>
      <a href="img/numbers-09.jpg">
    <img src="img/numbers-09.jpg"alt="">
      <p>Drips created using Photoshop brushes.</p>
        </a>
    </li>
    <li>
      <a href="img/numbers-12.jpg">
    <img src="img/numbers-12.jpg"alt="">
      <p>Creating shapes using repetition.</p>
        </a>
    </li>
    </ul>
  </section>```

Hi Anastasia, I copy and pasted your code. It looks like what I would expect considering:

  • I don't have the images downloaded
  • I don't have the css (css is what resizes things from one column to two, three etc...)
Anastasia Khazova
Anastasia Khazova
5,640 Points

I found the mistake. My code was written like this: <a href="img/numbers-06.jpg"> I had to delete img/ because it is a folder as my friend told me, and the elements are not into any folder. That is why it was not found by a computer. Super happy to solve the issue ! Have a nice day!

:D