|
||||||||
|
||||||||
|
||||||||
Part II Let's get to the heart of the matter. It is possible to write HTML v3.2 code that will:
So let us have a look at what happens when we try to place a background in a table. Specifically: 1) Table Borders Let's get started! 1) Table Borders - Here is sample code followed by the resulting table: <table border="0" cellpadding="5" cellspacing="5"
width="575"> |
||||||||
|
||||||||
|
||||||||
|
||||||||
| The Setup: Page background is a black textured object. What you see (with Microsoft IE) : The table uses the red table background. There is no table border displayed. Notice the red table background tiles seemlessly over all the cells giving an overall visually pleasing effect. What you see (with Netscape) : The table uses the red table background. However, as in the previous example, the table border pulls its graphic image from the black page background. Actually, there should be no border at all! Web page designers take note: Netscape tries to display a border in between the cells using the black page background as its source. Notice that the red textured table background gets loaded into each table cell independently instead of tiling them together seemlessly. The reason for this is given in Part III of this tutorial. 3) A third example - Here is sample code followed by the resulting table: <div align="center"><center> |
||||||||
|
||||||||
| The Setup: Page background is a black textured object. What you see (with Microsoft IE) : The table uses the red table background for the table border. Each cell within the table displays its own texture (background). In effect, this example best demonstates the distinction between page backgrounds, table backgrounds, and cell backgrounds. What you see (with Netscape) : Once again, the table border pulls its graphic image from the black page background. The colored, textured cell backgrounds get loaded into each table cell independently. Pay careful attention an you will see that the red table background never shows up! The reason for this is given in Part III of this tutorial. |
||||||||
Part III: Hopefully you have learned how to use backgrounds in your tables. I realize this tutorial is geared towards the person who actullay understands how to write html code, but I feel that anyone who wants to tweak thier web pages until they look "just right" eventually breaks down and learns html. (The next paragraph is for Netscape users) Well here is the bad news. Remember earlier I stated you could:
Netscape does not currently support placing a background in a table. Netscape only supports having a background in a page and having a background in a table cell. As seen throughout this tutorial, what Netscape does when you specify a table background is to copy it into each individual table cell. I hope in the future Netscape will implement the use of a table background. (We now return to the tutorial.) Should you use table backgrounds in your tables? Of course! The only thing to be aware of is that your web pages WILL look differently depending on the web browser used to view them. Just go the extra step and check your work to insure the end result looks acceptable with either one. The reason Manny's Site has "Best viewed with Microsoft IE" displayed should now be obvious. <g> How do you feel about this short tutorial on using backgrounds with tables? Let me know! |
||||||||
| Manny's Site is copyright 1997-2001 by Manuel Revilla, all right reserved. |
