By rogerwebb on

I was fiddling around engaged in the battle to control garland side panels when all all my css driven background-images dissapeared on every page.

I've clearly pressed the wrong button somewhere.

Anyone got any thoughts other than 'what a doddle'/

Roger

⋅ Categories: Drupal 6.x

Comments

josesanmartin’s picture

josesanmartin commented

Well, I can say much, but...

Find you style.css and look for the "background" and "background-image" CSS rules. What files are they pointing to?

And by the way, are you working with CSS compression or not?

José San Martin
http://www.verinco.com/

José San Martin
http://www.chuva-inc.com/

rogerwebb’s picture

rogerwebb commented

Que?

xjm’s picture

xjm
she/her
Primary language English
commented

Check to see what setting you have under "aggregate and compress CSS" at admin/settings/performance.

xjm’s picture

xjm
she/her
Primary language English
commented

oops. :)

xjm’s picture

xjm
she/her
Primary language English
commented

Well, my first guess would be that either the CSS moved, or the images moved, so the (presumably relative) paths aren't lining up. Double-check the paths of the files against your stylesheet.

My second guess would be that there's something in the CSS somewhere (unclosed comment or style definition, something like that) that's keeping it from parsing correctly it and that your images are perhaps below that point. I'd try validating your CSS to start: http://jigsaw.w3.org/css-validator/

rogerwebb’s picture

rogerwebb commented

Thanks for the link

I cleaned up a whole mountain of CSS errors: mostly mine but some in garland itself, but no luck. The background-image facility refuses to work anywhere in the site.

I moved both the CSS files and the images but still no luck: images placed by << img src = ".... work splendidly but background-image: ...... no chance, even ones that have been there for months.

I set up some brand new ones: no luck

Is there anything that would disable the background-image property

xjm’s picture

xjm
she/her
Primary language English
commented

Are you using absolute or relative URLs for the background images in the CSS?
What directories are the images and CSS in?

rogerwebb’s picture

rogerwebb commented

In the end the problem was solved by using the full url of every image

http://www.xxxxxxx.com/pictures/smap.jpg

No rhym or reason has been found for why they dissapeared in the first place

Thanks to everyone who helped

winky1404’s picture

winky1404 commented

YOU must upload your image you would like to backgound to theme/garland folder
in this tutorial image id like to have in background is named background.jpg and location : /themes/garland/background.jpg
location of style.css : /themes/garland/style.css

1. step : find in theme/garland file style.css
2. step : make a copy of this file, save it to your computer
3. step : open style.css in notepad or in other text processor
4. step : find these lines in the file ---> original ---> body { margin: 0;padding: 0;background: #edf5fa;font: 12px/170% Verdana, sans-serif;color: #494949;}
5. step : change this line to this ---> body { margin: 0;padding: 0;background: url(background.jpg)no-repeat;font: 12px/170% Verdana, sans-serif;color: #494949;}
6. step : find next line ---> original ---> #wrapper {background: url("images/body.png") repeat-x scroll 50% 0 #EDF5FA;}
7. step : change it to this ---> #wrapper {background: url("background.jpg");}
8. step : save it
9. step : replace original style.css with your modified style.css
10. step: set garland as your main theme
11. step: watch magic change !!!

--- > sorry for my bad English , im Slovak :D <---