In the below code I wish to use a background image (see top line). I am using CSS so that the image will not repeat (no tile).
Since the background image will not tile I have also used the bgcolor="#000000" so that below the image the color black will display.
This works perfectly in Explorer, and in Netscape UNTIL something is placed in a <td>. The moment something is placed in a <td> Netscape inserts the background color specified in the top line of the code into any <td> cell even though no background color for it is specified.
This has the effect of blocking the background image, which I want to avoid. Any help would be greatly appreciated.
<td valign="top" background="images/nav.jpg" bgcolor="000000" width="160" height="1">
<table border="0" cellpadding="0" cellspacing="0" width="160" height="1">
<tr>
<td align="left" valign="top" width="160" height="30">
</td>
</tr>
<tr>
<td align="center" valign="top" width="160" height="90">
</td>
</tr>
<tr>
<td align="left" background="" valign="top" width="160" height="10">
Test</td>
</tr>
<tr>
<td align="center" valign="top" width="160" height="90">
</td>
</tr>
<tr>
<td align="left" valign="top" width="160" height="10">
</td>
</tr>
<tr>
<td align="center" background="" valign="top" width="160" height="90">
<img src="images/shim.gif" width="130" height="90" alt="Roof Leak" border="0"></td>
</tr>
<tr>
<td align="center" width="160" height="10">
</td>
</tr>
<tr>
<td align="left" background="" width="160" height="20">
<p class="smallnav">
Phone: *******
Fax: *******</p></td>
</tr>
<tr>
<td align="center" background="" width="160" height="100%"> </td>
</tr>
</table></td>
Since the background image will not tile I have also used the bgcolor="#000000" so that below the image the color black will display.
This works perfectly in Explorer, and in Netscape UNTIL something is placed in a <td>. The moment something is placed in a <td> Netscape inserts the background color specified in the top line of the code into any <td> cell even though no background color for it is specified.
This has the effect of blocking the background image, which I want to avoid. Any help would be greatly appreciated.
<td valign="top" background="images/nav.jpg" bgcolor="000000" width="160" height="1">
<table border="0" cellpadding="0" cellspacing="0" width="160" height="1">
<tr>
<td align="left" valign="top" width="160" height="30">
</td>
</tr>
<tr>
<td align="center" valign="top" width="160" height="90">
</td>
</tr>
<tr>
<td align="left" background="" valign="top" width="160" height="10">
Test</td>
</tr>
<tr>
<td align="center" valign="top" width="160" height="90">
</td>
</tr>
<tr>
<td align="left" valign="top" width="160" height="10">
</td>
</tr>
<tr>
<td align="center" background="" valign="top" width="160" height="90">
<img src="images/shim.gif" width="130" height="90" alt="Roof Leak" border="0"></td>
</tr>
<tr>
<td align="center" width="160" height="10">
</td>
</tr>
<tr>
<td align="left" background="" width="160" height="20">
<p class="smallnav">
Phone: *******
Fax: *******</p></td>
</tr>
<tr>
<td align="center" background="" width="160" height="100%"> </td>
</tr>
</table></td>