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 Build the Footer

Nini Kapanadze
Nini Kapanadze
4,241 Points

Pictures are not visible

I've added pictures, checked codes for several times, but they are not visible :(

11 Answers

Paste the code so that we can have a look and suggest...

Nini Kapanadze
Nini Kapanadze
4,241 Points

<a href="img/numbers-01.jpg"> <img scr="img/numbers-01.jpg" alt=""> </a>

Nini Kapanadze
Nini Kapanadze
4,241 Points

[img scr="img/numbers-12.jpg" alt=""/]

Seems the paste is either not working or my system is getting faulty that I am not able to see the code...

Let me explain the images part let me know if I have just repeated what you did or there might have been a small element missing...

"[img src="path to the image" alt="An alternate text for the image" title="Optional but useful sometimes" /]"

The above is the most common syntax.

Nini Kapanadze
Nini Kapanadze
4,241 Points

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

now?

Yep I do not see my code too...

okay, for convenience sake edit the code that you have put up by putting rectangular brackets instead of the angular brackets that we generally use for the tags...

Santiago Posada
Santiago Posada
5,189 Points
  1. Be sure you uploaded the pictured to the workspaces, the drag and drop stuff.

This is the general way to do it.

The image tag should go like this:

<img src = "name of the folder/name of the file" alt "description if you want" >

In this example you should create first and UL and three LI items that should be your image gallery using the names of the project files it should work like this:

the name of the folder is img, and each file is numbers -xx.jpg

<section>
      <ul> 
        <li> <img src ="img/numbers-01.jpg" alt ""> </li>
        <li> <img src ="img/numbers-02.jpg" alt ""> </li>
        <li> <img src ="img/numbers-06.jpg" alt ""> </li>

      </ul>
    </section>

Remember to save and refresh your page to see the changes, if what you want to add the facebook or twitter logos to link them up to your page let me know.

Hope this helps

Nini Kapanadze
Nini Kapanadze
4,241 Points

I did everything like you explained, but it's still not visible, maybe its because my browser of something? :?

In your code I see that you have spelled it scr rather than src check that, rest the syntax seems fine...

Santiago Posada
Santiago Posada
5,189 Points

pls type your code in here so we can help you.