Recalcitrant CSS background-image

Try this instead

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

I hope that helps,

- Mike

Hi,

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

Greetings
Mario

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.

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

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.

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,

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

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.