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

Posted by orange sky
.a{fill-rule:evenodd;}techdegree
orange sky
Front End Web Development Techdegree Student 4,945 Points

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

john larson
john larson
16,594 Points
john larson
john larson
16,594 Points

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
Autumn Silvers
Autumn Silvers
2,995 Points

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

john larson
john larson
16,594 Points

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

orange sky
seal-mask
.a{fill-rule:evenodd;}techdegree
orange sky
Front End Web Development Techdegree Student 4,945 Points
orange sky
.a{fill-rule:evenodd;}techdegree
orange sky
Front End Web Development Techdegree Student 4,945 Points

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.

john larson
john larson
16,594 Points

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.

MONIS KHAN
PLUS
MONIS KHAN
Courses Plus Student 487 Points
MONIS KHAN
MONIS KHAN
Courses Plus Student 487 Points

<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="">

john larson
john larson
16,594 Points

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
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.

john larson
john larson
16,594 Points

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

Anastasia Khazova
Anastasia Khazova
5,640 Points
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>```
john larson
john larson
16,594 Points

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
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!

john larson
john larson
16,594 Points

:D