Question: Good day.

My structure is like this:

```
/
  index.html
  style/
    main.css
  images/
  test/
    test.html

```

**/style/main.css** says something like this:

```
body {
    background-image: url('/images/SomeImage.png');
    background-color: #000;
}

```

**/index.html** has a link to this CSS file, but, as the title says, no image will load. But it's connected though, cause the background is actually black, so the rest of the style (but images) does work.

Also, if I write the same style internally into **/index.html** the background will load.

Also, I created **/test/test.html** which says nothing but 

```
<img src="/images/SomeImage.png" />

```

and the image is displayed on that page.

So, obviously, for some reason my **/style/main.css** can't reach files, that any other file from any other location reaches. Why does this happen? There's clearly nothing wrong with the syntax. I'm lost.

Answer: 
add ../ to the beginning of /images so it read ../images/imagename.jpg

Here's what your code should be:

```
body {
background-image: url('../images/SomeImage.png');
background-color: #000;
}

```
Same with me, I guess images that used in css must be in the same folder as css file. I tried every possible solution while checking with the browser tool and the only thing that works is when I put the image and stylesheet in the same folder.