Your first suggest is what I am looking for and works great!
I really only want my image to display once -- rather than multiple times
as in a true background image.
I knew there was a way to layer, but I just didn't know how and hoped
someone would send that as a suggestion.
Thanks,
==========================================================
Hi Kathleen,
If I understand you correctly, you'll need something like absolute
positioning. Create two DIVs both with a different ID but with the same
absolute position. Make sure they have a different Z-index. This will
create two "layers" where one will be on top of the other. A lower Z-index
means a lower place on the "stack" than DIVs with a high Z-index.
Here is a small example:
<div id="div1" style="position : absolute; z-index: 1; left: 0px; top:
0px;">
<img src="background.jpg" width="100" height="200" border="0">
</div>
<div id="div2" style="position : absolute; z-index: 2; left: 0px; top:
0px;">
Text over image
</div>
Beware of the fact that this may not work on older browsers. You can
customize this to have content float more: that is, use relative
positioning. All you have to do then is make one layer follow the other.
An alternative is to use the "background" attribute of a table, like this:
<table background="background.jpg">
<tr>
<td>
Text over image
</td>
</tr>
</table>
The disadvantage of this method is that the image will tile (or be
cropped) behind your table if the content is too large (or not large
enough) to cover the image.
Hope this helps,
Imar
> I have the following table in my HTML page.
> I would like the text that is in Table #1 to be on top of the watermark
in
> Table #2. Is there a way to do this without creating it through my >
graphic editor?
> The text beginning with "Welcome to the First Day...." has the potential
> to be long and updated on a regular basis. If I use my graphic editor I
> would have to edit/change the image everytime we wanted to update the >
page.
> I would like to keep the text within the HTML code, then that's less >
hassle/maintenance later.
> Thanks,
> KMW
> ------code begins here---------------
> <body>
> <!--THIS IS TABLE #1-->
> <TABLE width="100%">
> <TR bgcolor="#424584">
> <TD>LEFT CELL</TD>
> <TD>CENTER CELL</TD>
> <TD>RIGHT CELL</TD>
> </TR>
> <TR>
> <TD colSpan="4" align="center">Welcome to the First Day
of
> the Rest of your life.<br>
> We have nothing to fear, but fear itself.<br>
> The truth is out there.<br>
> Trust no one.
> <!--THIS IS TABLE #2-->
> <TABLE ALIGN="CENTER">
> <TR><!--This is my watermark image-->
> <TD><IMG
> SRC="file:///D|/wwwroot/EDW%20Working/IMP/Images/techy%20stuff/collage-
2.jpg">
>
> </TD>
> </TR>
> </TABLE>
> </td>
> </tr>
> </table>
> </body>
View Cart
