# Relative path problem between folder css and images , what´s wrong?

**URL:** <https://forum.kirupa.com/t/relative-path-problem-between-folder-css-and-images-what-s-wrong/328646>\
**Category:** Uncategorized\
**Created:** [June 2, 2012, 4:09am UTC](https://forum.kirupa.com/t/relative-path-problem-between-folder-css-and-images-what-s-wrong/328646 "2012-06-02T04:09:45Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![multimediamkt](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@multimediamkt](https://forum.kirupa.com/u/multimediamkt)\
**Post date:** [June 2, 2012, 4:09am UTC](https://forum.kirupa.com/t/relative-path-problem-between-folder-css-and-images-what-s-wrong/328646/1 "2012-06-02T04:09:45Z")

</div>

Ref.:relative path problem between folder css and images , what´s wrong ?

The file index.php is formatted by means the file style.css which is inside the folder css.  
All works fine except that there are two images on the css that I can´t manage them to be rendered.  
The folders where the files are placed are the following :

> 

\*\*root  
.  
.  
.

- php [index.php]
- css [style.css]
- images [image1.png , image2.png]  
.  
.\*\*

This is part of css just to illustrate :

i

> nput.button {  
> cursor: pointer;  
> border: none;  
> font-weight: bold;  
> background: url(…/images/image1.png) no-repeat left top;  
> width: 90px;  
> height: 28px;  
> margin-left: 150px;  
> }

For the sake of a test I´ve pasted inside the css folder both images and removed the relative path changing background:

> url(…/images/image1.png) by background: url(image1.png).

As I expected it worked , images are visualizaed , what proves that the problem is on the path.  
If I understood properly two dots and a slash mean go up one level : …/ In this case between folder css and images there is one level.

So why the images do not appear ? what is wrong ?