Background images, part 1

Let's talk about using a background image to frame a cell. The background attribute can be used in the <table> tag and <td> tag, but it does not work in a <tr>. We already used bgcolors to frame images; now we'll just add:
background="URL"
to our table tag.

My background image, for frame:
wood

Image I will frame:
teddy

If your image is a gif with transparency, you will want to add a bgcolor to your cell.

Here is my table tag:
<table background="../bg/wood7.jpg" cellpadding="10" cellspacing="?" border="?">

I can use either border="?" or cellspacing="?" to make the background image show up around my cell.

cellspacing="15" border="0"
teddy bear


cellspacing="0" border="15"
teddy bear

PC vs WebTV borders

Table borders appear differently on PC from WebTV.

On WebTV, a background image in a table tag will appear in the border. On a PC, they will not.

To see this difference, look at this PC screenshot

If you want your image tables to appear the same on both PC's and WebTV, I recommend using cellspacing instead of border. It won't have the nice 3D edges, but it be will consistent across different browsers.

Table Lab

Use a background image to frame an image. Post your table.



As always, questions and comments are welcome.

Happy tabling,
Gnubee

Table Talk

Background images, part 1