I have two tables nested in one table, and the first table is to have an image as the background.
In IE the image shows fine. But in NS, each <tr> tag produces its own tile of the image, and the background image does not display.
Any hints?
Code below:
<table>
<tr>
<td>
<table background="images/bkg.jpg" width="150">
<tr><td>link1</td></tr>
<tr><td> </td></tr>
<tr><td>link2</td></tr>
<tr><td> </td></tr>
<tr><td>link3</td></tr>
</table>
</td>
<td>
<table>
<tr><td>Comming Soon!</td></tr>
</table>
</td>
</tr>
</table>
I have also tried ....
<table>
<tr>
<td>
<table class="bkg" width="150">
<tr><td>link1</td></tr>
<tr><td> </td></tr>
<tr><td>link2</td></tr>
<tr><td> </td></tr>
<tr><td>link3</td></tr>
</table>
</td>
<td>
<table>
<tr><td>Comming Soon!</td></tr>
</table>
</td>
</tr>
</table>
The CSS is:
TABLE.bkg {
background-image: url(images/bkg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}
This also works great in IE, but the images doesn't show up in NS.
Thanks,
Beverly
In IE the image shows fine. But in NS, each <tr> tag produces its own tile of the image, and the background image does not display.
Any hints?
Code below:
<table>
<tr>
<td>
<table background="images/bkg.jpg" width="150">
<tr><td>link1</td></tr>
<tr><td> </td></tr>
<tr><td>link2</td></tr>
<tr><td> </td></tr>
<tr><td>link3</td></tr>
</table>
</td>
<td>
<table>
<tr><td>Comming Soon!</td></tr>
</table>
</td>
</tr>
</table>
I have also tried ....
<table>
<tr>
<td>
<table class="bkg" width="150">
<tr><td>link1</td></tr>
<tr><td> </td></tr>
<tr><td>link2</td></tr>
<tr><td> </td></tr>
<tr><td>link3</td></tr>
</table>
</td>
<td>
<table>
<tr><td>Comming Soon!</td></tr>
</table>
</td>
</tr>
</table>
The CSS is:
TABLE.bkg {
background-image: url(images/bkg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}
This also works great in IE, but the images doesn't show up in NS.
Thanks,
Beverly