homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Replace background color with image

 7:42 am on Dec 17, 2011 (gmt 0)

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]



 10:06 pm on Dec 17, 2011 (gmt 0)

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]


 1:22 am on Dec 18, 2011 (gmt 0)

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.


 2:56 am on Dec 18, 2011 (gmt 0)

just as someone else locked down the thread
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.

Your chosen background image should be in addition to, not instead of, a background color
Quite right, badly worded on my part.

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.


 3:17 am on Dec 18, 2011 (gmt 0)

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!

badly worded on my part.

Oh, sorry, I wasn't responding to your "replace" wording, it was just boilerplate.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved