CSS Forum

**orionvortex** · 10-24-2006, 06:08 AM

I'm having a problem with being able to use a background image with css. Using Aardvark I came up with what I thought would be the correct CSS for the image but it didn't work. I'm trying to use the background image in the upper left corner where is says "articles and stories" on the page http://chibabeat.com. The code I was trying to use was

Code:

.main-content .centerpadding .panel-2col-stacked .panel-col-first .view view-articles_stories p {
 background-image: url(side.gif);
 size: auto;
 }

Does anyone know where I went wrong?

**pitbull82** · 10-24-2006, 09:28 AM

You have to remember about the correct path. If CSS file is not in the root directory, you have to use for example:

Code:

 background-image: url(../side.gif);

OR

Code:

 background-image: url(../../side.gif);

**orionvortex** · 10-24-2006, 10:40 AM

I put the gif in the root directory so the problem isn't there. I think it has something to do with the
.main-content .centerpadding .panel-2col-stacked .panel-col-first .view view-articles_stories p
Maybe I'm just confused with my many layers of css classes. Does anyone know where I could have gone wrong?

**pitbull82** · 10-24-2006, 10:42 AM

It's not problem with GIF path but with CSS path.

If you have your css files in css directory, you have to use this code:

Code:

 background-image: url(../side.gif);

and if you have your css files in css/examples directory, you have to use this code:

Code:

 background-image: url(../../side.gif);

**LadynRed** · 10-24-2006, 10:58 AM

There can be problems with the way-too-many classes you have specified. Knock that down to something more direct and it will likely work properly.

**chrishirst** · 10-29-2006, 06:50 AM

is view-articles_stories a class or an ID ??

because in your definition it has neither a "." or "#"