In our last discussion, we used a texture type of image as a background in a cell. Now we'll use a "scene" type of background image behind another image in a cell.
I'll put my teddy bear on top of this 360x265 scene:
Here is my table.
|
Hm, something is not right. My scene is only as big as my teddy bear.
Let's take a closer look at tiling. My scene is 360x265. We know that if a cell is smaller than the background image, we won't see it all, like so:
<td width="200" height="100">If our cell is bigger than our backdrop, it will tile, like so:
<td width="400" height="300">I used the cell's width and height attributes to control the size of my cell above, not the size of my image. To have the scene larger or smaller, the background image must be changed to the desired dimensions.
Now I'm ready to complete my table, with the cell's width and height set to my background dimension. I also decided to make my teddy bear just a little smaller with width and height in that image tag.
Table code:
<table background="../bg/wood7.jpg" cellpadding="0" cellspacing="15" border="0">
<tr>
<td align="center" background="../images/fall_lane_lg.jpg" width="360" height="265">
<img src="../images/teddy_bear1.gif" width="100" height="117" alt="teddy bear">
</td></tr></table>
|
|
Use a background image as a scene in a table. Post your table.
As always, questions and comments are welcome.
Happy tabling,
Gnubee