Uploading Images- How to build your own website

Hi, Maha:

It has to do more with the path you've defined in the src attribute of your image tags. A question mark was shown because the path you've provided could not be used by the browser to find the correct image you were hoping to see based on where the html file is:

<img src="myimage.png" alt="This is me smiling in San Jose" /> 

This image will be shown only if the image and the html are in the same place without any folders or other containers between them:

- myfolder 
 -- index.html
 -- myimage.html

This is rarely the case, usually you do the following:

<img src="./images/myimage.png" alt="This is me smiling in San Jose" /> 

This explicitly states relative to where the html file is in, find the image inside a folder called images:

- myfolder
  -- index.html
  - images 
    -- myimage.png

You have to make sure you have your relative or absolute paths defined correctly to see the images you're hoping to show the whole world eventually. :)

Ok thanks for posting your code as me and Kevin were stating. The path is really important, I myself had this happen I used to spend sleepless nights wondering why things dont appear lol.

is the image located in the img folder? is it a jpg, png or something else? make sure you got the name of the file exactly how it suppose to appear and make sure you are directing it to the exact folder.

Let me know if that works for you :)

alright so it should look like this:

<img src="./img/photo 4.jpg" alt="">

Hi Maha,

Based on your code you should have your images in a sub-folder called "img".

You have spaces in your file names. You might be ok with url encoding the space with %20 so img/photo 4.jpg becomes img/photo%204.jpg

However, I would recommend not using spaces in your filenames. You can use an underscore, _ anywhere you'd like to use a space.

img/photo_4.jpg

I would add the underscores to your files and in the paths in your html code. For both the link and the image.

I noticed too that you have .jpeg in the link and .jpg in the image src. You should see which one your image file is and switch one to match the other.

Hello Maha, it might have something to do with your code, can you copy the code you are trying to use? It will help me understand the problem better.

You need to make sure you are using the correct path when using an image in HTML or CSS

Thanks :)

when typing myimage.png Kevin was referring to your image, it could be any name, you can decide which name it would be. the folder would be images in Kevins example.

OK so I'm having the same problem and I'm doing what you guys are telling Maha to do. Still nothing, no pictures. Here is my code:

<ul>
  <li>
      <a href=" ./img/Alice-In-Wonderland-Tim-Burton.jpg"></a>
      <img src=" ./img/Alice-In-Wonderland-Tim-Burton.jpg" alt="">
      <p>pic description</p>
      </a>

  </li>

<li>
      <a href=" ./img/alice2sm.jpg"></a>
      <img src=" ./img/alice2sm.jpg" alt="">      
      <p>pic description</p>
      </a>

  </li>

<li> <a href=" ./img/images.jpg"></a> <img src=" ./img/images.jpg" alt=""> <p>pic description</p> </a>

      <a href=" ./img/Tim-Burton-s-Alice-In-Wonderland-alice-in-wonderland-2010-13677630-1360-768.jpg"></a>
      <img src=" ./img/Tim-Burton-s-Alice-In-Wonderland-alice-in-wonderland-2010-13677630-1360-768.jpg" alt="">
      <p>pic description</p>
      </a>
  </li>
  </ul>

Thanks!

Hi Allyspruill, are you sure the file extension that you are using is correct? is it .jpg? double check that let me know if that works.

Hey, They are png I typed the code in wrong up there.