 |
HTML Table Background Image
HTML
tables are displayed within a web page to neatly align content. They
can contain image backgrounds, colored backgrounds, borders of different
sizes, and an unlimited number of rows and columns.
In this example,
the
HTML table below contains 2 columns and 1 row. The left column contains the
image. The original image appears below to enable you to see the actual
size.
|
This
is an example of an HTML table with an image background. This HTML table
has 2 columns and 1 row. |
<TABLE BORDER="0"
CELLPADDING="4" ALIGN="Center" WIDTH="50%">
<TR>
<TD BACKGROUND="bg.gif" WIDTH="10%"></TD>
<TD BGCOLOR="#EAE8E8"></TD>
</TR>
</TABLE> |
Edit
the text indicated in bold to suit your needs.
This is the actual image used within the above table:
Notice how the
image duplicated itself to fill the table's background? Keep this in mind
when creating your own image.
If you'd like
to use the above image as an example to assist you in creating your own image,
you're welcome to copy it.
Here's how:
Place your mouse pointer over the image above and right click on your mouse.
Go to 'Save Picture As' - a window will load and enable you to select the
folder on your computer in which you'd like to save the image.
|
|
|
Submit
your HTML code snippets. We'll credit you and give you a link to your
website.
|
