Background Image

[BaileyBoy]

Hi -

I have a backround image in a <TD> field. I am looking for a trick to make the image always sit in the bottom right of the <TD> without repeating...any ideas?

see the faded background image at the address below and it will become pretty clear:

http://www.southwestmuseum.org/southwest/

Thanks! BaileyBoy

[Bonner]

Have you ever heard of layers before and CSS?

DO you understand you are partly to blame for the under development of web browsers. Using tables to modify a layout is bad practise.

I shall help you but I hope to see you not using tables next time you ask for help in a web page.

Change your:

body {
background-image: url(../images/background.gif);
}

to:

body {
background: url(../images/background.gif) no-repeat center bottom;
}

[BaileyBoy]

thank you - but...

I am already using CSS for layout (standard practice for me)...However, the bg is already set with another image. I am looking to set another background image in a the table.

I'll keep fishing.

[Bonner]

Originally posted by BaileyBoy
I am already using CSS for layout (standard practice for me)...


You are using tables to create a columned layout.

Originally posted by BaileyBoy
However, the bg is already set with another image. I am looking to set another background image in a the table.


You need to give the column an id as in:

<TD ID="bgImage">

and then put some style declerations in your CSS like this:

#bgImage {
background : #000 url('image.gif') no-repeat center bottom;
}

which basically is:

colour, image name and location, weather to 'repeat-x' (across) 'repeat-y' (down) or repeat both 'repeat', the horizontal position of the image, the vertical position of the image.

[BaileyBoy]

That's exactly what I was looking for -

Thanks sir!