Uploading images to a server directory

HTML & CSS
1

Hey,

Since I don’t really know where to post this maybe you guys know so I post it here. Basically I have two images sitting in a seperate folder(images) on the server. If i want to access these images why doesn’t images/img1.jpg or images/img2.jpg work? The .htm files are located in the same directory.

2

If i want to access these images why doesn’t images/img1.jpg or images/img2.jpg work?

The .htm files are located in the same directory.

And where are those file paths located? In your CSS or on an <img> in the html?

If it was an image in the html it should have been working.

If it was a path for a BG image in the CSS then where is your CSS file located? Is it in it’s own folder? If so then try a relative path for BG images. That will tell it to look up one level for the images folder.

#foo {
background: url([B][COLOR=Blue]../[/COLOR][/B]images/img1.jpg);
}
3

hm no it were just images inside of <img> tags inside the html. Weird they are not displaying.

4

Maybe it’s an idea to post a link, this must be something very small and you are maybe overseeing.

5

Here is the link.

I have a folder which contains the html and css documents and another folder called images which contains the images. So should work?

Don’t mind the code it’s all layed out in div’s for the sake of ease. :wink:

6

Hi,
The problem is that the file paths are “case sensitive” , you have the img names as lower case in the html and capitalized on the images.


<img src="afbeeldingen/[COLOR=Red]plat1.jpg[/COLOR]" alt="plattegrond van de gelijkvloers" />

This would work:

<img src="afbeeldingen/[COLOR=Blue]Plat1.jpg[/COLOR]" alt="plattegrond van de gelijkvloers">

However I would suggest that you rename your images in lowercase.

7

Hm yes that is what it was, thank you again :slight_smile:

cheers