I assume you are refering to the css file.
To use images in css, you must use the full file name as it cant run the Smarty code as it is not PHP.
.Headline {
BACKGROUND: #FFFFFF url(
http://www.yourwebsitename.com/xcartfolder/imagefolder/image_name.gif);
}
What I have done there is say for the background, is going to be coloured white, refering to #FFFFFF. But after that I have put in the location to your image.
Depending on the area size of .Headline and the size of your image, if your image is coloured red for example and was smaller than the area size of .Headline, then you would also see some white.
You can also repeat your image so it filled the entire .Headline area:
.Headline {
BACKGROUND: #FFFFFF url(
http://www.yourwebsitename.com/xcartfolder/imagefolder/image_name.gif) repeat;
}
Also you can align the image:
.Headline {
BACKGROUND: #FFFFFF url(
http://www.yourwebsitename.com/xcartfolder/imagefolder/image_name.gif) top right no-repeat;
}
That would place the image to the top right of .Headline but there would be no repeat.
And if your image was transparent, what ever colour you set the background to would be displayed:
.Headline {
BACKGROUND: #003366 url(
http://www.yourwebsitename.com/xcartfolder/imagefolder/transparent_image_name.gif) top right no-repeat;
}
In that example your transparent would be displayed but you would see blue.
Hope that helps.