Backgroung image for a table

Question

How can we integrate a picture as a background image for a table..

  <table>
  <tr>
  <td><textarea>Some data here.....</textarea>
  </td>
   <td></td>
  </tr>
  <tr>
  <td><textarea>Some data here.....</textarea>
  </td>
   <td></td>
  </tr>

Thanks..

Answer 1

table {
    background-image: url(/images/foo.png);
}

Answer 2

Are you asking how to assign a background image to a table? Like for any other HTML element.

In CSS:

table.mytable
 { background-image: url(your_image.gif); }

In HTML:

<table class="mytable">

Reference:

background-image property at w3schools

see that page for the additional parameters background-repeat and background-position.

Answer 3

following on from Pekka's example.

table.mytable td
 { background-image: url(your_image.gif); }

would let you put a background image in each cell

if you applied a class attribute to the <td class="myClass"> you could then add a custom background to individual cells.

Answer 4

Simply?

<table style="background-image: url(your_image.gif);">
...
</table>

Answer 5

inline css like - style="background-image: url(your_image.gif);" - is not quite good.

in my opinion best way to put bg to table is ;

html : table > tr > td.wide

css : table tr td.wide{background:#ffffff url(/images/bg.png) repeat;}