Image background for html table

[Gabriel Fox]

How do i make an html table have ONE image
background. i tried this :

<table background="/packA/abc.gif">

</table>

But, the effect is the abc.gif now appears
more than once on the table.
1.How do i make it appear once in the table
background
2.How do i set the height and width attribute of the image.

Cheers All codes and ideas are welcomed.
[ September 30, 2005: Message edited by: Bear Bibeault ]

[Balaji Loganathan]

Just give a try
not sure.
style="background:#EFEEE6 url(images/myimage.jpg) no-repeat"
Regards
Balaji

[da-code]

Hello !
Best is to define a CSS for your table
<style type="text/css">
<!--
table {background-image:url(pic/image.png);background-repeat:no-repeat;background-position:bottom}
-->
</style>
You can add the BGPROPERTIES=FIXED in your BODY tag if you want.
Hope that helps
Yann

[Gabriel Fox]

Thanks guys , i was able to have an image background . But , how do i stretch the image , that is increase it's width and height. I know the
<IMG> tag has width and height, but this is not
applicable.
All ideas and codes are welcomed.

[Randall Twede]

as far as i know you will have to do that with a paint program.

[Gabriel Fox]

Cheers

[Rashid Darvesh]

i have a table
<table style="background:#EFEEE6 url(c:\test1.jpg) no-repeat" width="100%">
how can i stretch or increase the width the image so that it covers the entire table since i dont want to repeat the image

Thanks
Rashid

[Garann Means]

You can't. CSS doesn't have the ability to stretch a background image. You might be able to use layered elements to do it, though. You'd create a container element, and put a normal image tag and your table in it. Using z-index, you can move the image behind the table, and set the image to be 100% width and height.

This is untested, but it might get you started:

<span style="position:relative;width:auto;height:auto;">
<img src="myImage.jpg" style="position:relative;width:100%;height:100%;z-index:1;"/>
<table style="position:relative;width:auto;height:auto;z-index:2;">...</table>
</span>