HTML Tables Question

[deevan]

I have three images I want to have as the background of a table.

This gradient should hug the top of the cell:

This should hug the bottom of the cell:

And this should be in the middle, spanning:

So it should look like this in the background, but adjust to the amount of content in the page:

The little white part in the middle should expand, and all of this should be in the background.

I want to restrain this image to 800 wide, so I can require it as a php file in another page.

I need to be able to put a table on top of this so I can put content in that table, and it still be written above those images.

Right now I'm using static images, which look really bad and I don't want to have to create a whole bunch of images every time I need to change or create a page.

cliffs: want to create a table on top of another table, where the rows/columns don't effect each other, and the bottom table image background expands/contracts (with a min-height) depending on content.

HELP!!!! :x:

 

[SiKing]

You have been reported for bad language. As far as your query goes, look into CSS

 

[deevan]

Ok, fixed.

"Look into CSS" is slightly general.

 

[SiKing]

well you want three "div"s:

top div
content div
bottom div

the top and bottom divs should have the "background-image" property set as their respective images and the content div should have the remaining image repeated on the y axis. Sorry, it's difficult to explain. Look for some tutorials

 

[deevan]

Aww thanks for the help.

Jesus.

Stupid me, asking a question on a help forum.

 

[Albino]

im confused with what you want.

Surely, you can just put the middle cel as a bacground image, so it auto expands with the content?

and if you want table on a table, use layers? Im guess you using dreamweaver? Tehy are on the toolbar

 

[PoorDoggie]

im confused with what you want.

Surely, you can just put the middle cel as a bacground image, so it auto expands with the content?

and if you want table on a table, use layers? Im guess you using dreamweaver? Tehy are on the toolbar

I dont understand why you want a table on another table?

just have a table with 3 rows...

<table width="800">
  <tr>
    <td style="background-image: http://imageserver4.textamerica.com/user.images.x/84/IMG_476484/Big/_1004/TZ201004124541254.jpg;">THIS IS THE HEADER</td>
  </tr>
  <tr>
    <td style="background-image: http://imageserver4.textamerica.com/user.images.x/84/IMG_476484/Big/_1004/TZ201004124541583.jpg;background-repeat: repeat-y;">CONTENT HERE</td>
  </tr>
  <tr>
    <td style="background-image: http://imageserver4.textamerica.com/user.images.x/84/IMG_476484/Big/_1004/TZ201004124541661.jpg;">FOOTER</td>
  </tr>
</table>

that will do what you want

 

[brianmn]

I say don't even go with tables, but use a div instead. (three divs actually)

Your code will be much easier to understand, and it'll be smaller as well.