|Replace background color with image|
I have just built a site from a purchased template but I want to put images where the six grey panels are on the front. ive managed to change the ones as you hover as they were already images, but I cant figure out how to change the css so that I can have photos on the frontinstead of the grey areas, can anyone help ? the images are in images/image1.jpg, image2 etc
Thank you so much
[edited by: alt131 at 9:15 am (utc) on Dec 17, 2011]
[edit reason] Thread tidy [/edit]
Hi Linda and welcome to WebmasterWorld :),
Sounds like you need to replace the background-color with a background-image. Purchased templates are often made up of heavily nested elements. Of course not all, but a lot are. If you are having troubles identifying which element needs the image, use firebug [getfirebug.com] for firefox to trace the css being applied to each element.
[edited by: alt131 at 2:54 am (utc) on Dec 18, 2011]
Heh. I was going to give the other part of the answer last night, but apparently I hit Submit just as someone else locked down the thread for mandatory cleanup.
:: shuffling papers ::
Don't be alarmed by that "colors" business: three-quarters of the page is really about backgrounds.
Your chosen background image should be in addition to, not instead of, a background color. It can be any color you want. Pick something that will look nice if your chosen image unaccountably goes walkabout and a user is stuck looking at a solid color instead.
Yup, me. Linda intends to download firebug and jump into code tomorrow. As you've had a sneak peek I'm sure you'll understand she'll appreciate help drilling through that number of nestings. Stand-by.
|just as someone else locked down the thread |
Quite right, badly worded on my part.
|Your chosen background image should be in addition to, not instead of, a background color |
Lucy, that's css2 again :) Try http://www.w3.org/TR/CSS2/colors.html [w3.org]. I know it says css2, but it links you to the latest version rather than the original.
Oops, my bad. I've got the two bookmarks side by side thanks to that handful of features that were in CSS2 but removed for CSS2.1, and the pages look identical. At least until you go to Contents, which clearly says 2 or 2.1.
For the same reason, I routinely open the Apache Rewrite docs when aiming for Whois. What do you mean, there exists a world outside of mod_rewrite?
On the plus side, I recently succeeded in finding something in the CSS3 specs "cold". And they said it couldn't be done. Matter of fact, it was about backgrounds!
Oh, sorry, I wasn't responding to your "replace" wording, it was just boilerplate.