Recalcitrant CSS background-image

rubyonrails-talk
1

Try this instead

background: url(/images/load.gif) no-repeat center 0% 0%

I hope that helps,

- Mike

2

Hi,

if you have your stylesheet in a separate file, set the path to your image relative to the css file.

Greetings Mario

3

Mario Guenterberg wrote:

if you have your stylesheet in a separate file, set the path to your image relative to the css file.

Still no luck with that I'm afraid. I also tried replacing the link to the image with a background colour change and that doesn't work either - it seems that the entire div is ignored.

4

Mario Guenterberg wrote:

if you have your stylesheet in a separate file, set the path to your image relative to the css file.

Still no luck with that I'm afraid. I also tried replacing the link to the image with a background colour change and that doesn't work either - it seems that the entire div is ignored.

Is it just been covered by the image? if you style the div so that it
is bigger than the image do the bits not covered by the image show the
background ?

Fred

5

Frederick Cheung wrote:

if you style the div so that it is bigger than the image do the bits not covered by the image show the background ?

It appears not - re-sizing the div has no effect upon anything, even if I make it an enormous size. It still appears as if the div is completely ignored. However, the stylesheet must be being read as other parts of it (e.g. table formatting) still work on the same view. Most odd indeed.

6

Have to ask: have you validated both your markup and CSS? I often find wierd problems like this being due to a simple typo on my part -- missing ending quote, or whatever; validation usually catches those.

HTH,

7

ignored. However, the stylesheet must be being read as other parts
of it (e.g. table formatting) still work on the same view. Most odd indeed.

Have to ask: have you validated both your markup and CSS? I often find wierd problems like this being due to a simple typo on my part -- missing ending quote, or whatever; validation usually catches those.

Oh and use firebug: you can see exactly what styles are being applied
and fiddle around with them interactively.

Fred

8

Hassan Schroeder wrote:

Have to ask: have you validated both your markup and CSS?

Until I added this particular div definition, yes... However, I tried again following your suggestion and it seems that it is the div definition that is in error. Re-working it to look like this has done the trick:

div.loadimage {   background-image: url("/images/load.gif");   background-position: center;   background-repeat: no-repeat;         width:580px;         height:310px; }

Thanks, everyone, for your comments.