Stretching a table background

[Nathan Sokalski]

I have an image that I am using as a table background. I want the image to
be stretched to fill the entire table rather than being tiled. However, I
could not find a CSS property that allows me to do this. Does anyone have
any suggestions?
--
Nathan Sokalski
njsok...@hotmail.com
http://www.nathansokalski.com/

[Adrienne]

Gazing into my crystal ball I observed "Nathan Sokalski"
<njsok...@hotmail.com> writing in
news:eEgP7WLP...@TK2MSFTNGP12.phx.gbl:

> I have an image that I am using as a table background. I want the image
> to be stretched to fill the entire table rather than being tiled.
> However, I could not find a CSS property that allows me to do this.
> Does anyone have any suggestions?

You can't. You can't do it with CSS and you can't do it with HTML. The
Internet is not a desktop.

--
Adrienne Boswell
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

[Unknown]

Nathan Sokalski wrote:

> I have an image that I am using as a table background. I want the
> image to be stretched to fill the entire table rather than being
> tiled. However, I could not find a CSS property that allows me to do
> this. Does anyone have any suggestions?

Hallo Nathan,

You can make a 'work-around' to get the effect you want quite easily
using the z-index and nesting - either with tables or with divs:

example 1:
<table style="z-index:0; position:absolute;top:5px; left: 5px;
width:500px; height:500px;">
<tr><td>
<img src="YourImageName.jpg" width="100%" height="100%" />
<div style="color:#ffffff;z-index:5; position:absolute;top:50px; left:
50px; width:auto; height:auto;">
hallo world
</div>
</td></tr></table>
</div>

example 2:
<div style="z-index:0;position:absolute;top:5px;left:5px;width:500px;
height:500px;">
<img src="YourImageName.jpg" width="100%" height="100%" />
<div style="color:#ffffff;z-index:5; position:absolute;top:50px; left:
50px; width:auto; height:auto;">
hallo world
</div>
</div>

regards
debz