Table background image tiling in Netscape - A quick solution
Sponsored Links
So you want to discipline Netscape and not let it tile your precious background table image?
For those who don't know what I'm talking about, here is the problem in detail.
Netscape tends to repeat the background image of a table in each table cell. This leads to tiling of the image (used as a background for a table) if the table contains 2 or more cells.
Here is the faulty table...(check out the great Merc!). If you are viewing this page under Internet Explorer, you won't find anything wrong with the table... how about checking it in Netscape?
| Cell 1 | Cell 2 | Cell 3 |
And the code is:
<table background="thee250.jpg" width="250" height="150" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="top"><font color="#FFFFFF"> <b>Cell 1</b></font></td> <td align="center" valign="top"><font color="#FFFFFF"> <b>Cell 2</b></font></td> <td align="center" valign="top"><font color="#FFFFFF"> <b>Cell 3</b></font></td> </tr> </table>
thee250.jpg is the picture of the Mercedes used as background image for the table.
You can go through the code again and again and yet again... but you can't find a fault with it. It is just Netscape's way of rendering the table. In I.E. the table is displayed perfectly.
Let's write the code that works for Netscape as well as for I.E.
<table background="thee250.jpg" width="250" height="150" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <table width="250" height="150" background="some.gif"> <tr> <td align="center" valign="top"><font color="#ffffff"> Cell 1</font></td> <td align="center" valign="top"><font color="#ffffff"> Cell 2</font></td> <td align="center" valign="top"><font color="#ffffff"> Cell 3</font></td> </tr> </table> </td> </tr> </table>
And here is how it's displayed
|
The Magic - Displaying the correct background image in Netscape
You'll notice that I have introduced another table inside the one that has the background Merc image. This table has a background image attribute too - the background image is 'some.gif'. However, some.gif does not exist. You can use any name here (as long as the image file doesn't exist). A more purist approach would be to use a 1X1 pixel transparent gif image to avoid any kind of complications.
Comments, questions, feedback... whatever!
Page contents: Netscape tiles background images placed in table cells. This article discusses a solution to this problem.
Recent Articles
Recent Blog Posts
Popular Articles
- Hotmail Sign In page
- Create a Hotmail account - Instructions
- Create Gmail address
- Download and install Outlook Express
- Get your free Gmail address
- Outlook Express new version
- Create my own email address
- Browers for Windows list
- Get email address
- Color combinations for web sites and pages
- Create Yahoo ID
More web tips & tricks
- Outlook Express Help - tips & tricks (53)
- Windows Live Mail help and tips (36)
- Windows Mail help (25)
- Hotmail help and tips (42)
- Yahoo help & support (45)
- AOL email help (26)
- Gmail help and tips (36)
- Internet tips & tricks (12)
- Web Design tips & tricks (33)
- HTML, Javascript tips tricks (68)
- Web Promotion tips & tricks (8)
- Graphics tips & tricks (20)




