Sorry I dont understand your question.
Sorry I dont understand your question.
You want an image to be a background. How exactly are you trying to make that happen? It shouldn't be difficult at all, just one line in the stylesheet.
center_bg.jpg
I should just reference this then put image in images folder?
Yes, in very general terms. You didn't say exactly what you tried. Be sure to put template images like this in /includes/templates/your_template/images/.
Use it like
.xxxx {
background-image: url(../images/center_bg.jpg);
}
I have it ready, where on the css page do I put it and what do I call the .xxxx?
.xxxx {
background-image: url(../images/center_bg.jpg);
}
Thanks for all your help
That depends on the element you want the background for.
It's usually safe to put added style rules at the bottom of your stylesheet. They may also work correctly when put near or integrated with existing related rules.
You might try
#indexCategoriesMainContent {}
Last edited by gjh42; 15 Dec 2010 at 09:02 PM.
I am placing it on the template css page yes?
#indexCategoriesMainContent {background-image: url(../images/center_bg.jpg);
}
This does not work at the bottom of the page
You have a stray } near the bottom of your stylesheet. CSS is picky about errors, and will ignore anything after such a thing.The new rule in the location shown works on your site. Remove the red }.Code:#indexCategoriesMainContent {background-image: url(../images/center_bg.jpg); } #navColumnCenter{width:80%;margin-left:15px;} } .xxxx { background-image: url(../images/center_bg.jpg); }