Adding An Image Background To Your HTML Web Page Tables

HTML tables are displayed among an online page to neatly align content. they'll contain image backgrounds, coloured backgrounds, borders of various sizes, and a vast range of rows and columns.

In this example, the HTML table below contains a pair of columns and one row. The left column contains the image. the initial image seems below to enable you to ascertain the particular 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 daring to fit your wants.

This is the particular image used among the on top of table:

Notice how the image duplicated itself to fill the table's background? Keep this in mind when making your own image.

If you would like to use the on top of image as an example to help you in making your own image, you are welcome to repeat it.

Here's how:

Place your mouse pointer over the image on top of and right click on your mouse. attend 'Save image As' - a window can load and enable you to pick the folder on your pc within which you would like to save lots of the image.

Partner site : online news