Entry
How to make background image a layer with an html text table ontop of it?
Apr 29th, 2001 14:13
Colin Fraser, Sarah Samuelson,
I assume that you mean a single background image that you want to appear
the full size of the page rather than a tiered repeating background.
This is simpler than it may appear :
In the
<HEAD>
<STYLE TYPE="text/css">
<!--
#parent1Div{position:absolute; left:0; top:0; width:100%;
text-align:center}
#child1Div{position:absolute; left:20; top:20;width:100%;
text-align:center; }
-->
</STYLE>
</HEAD>
In the body
<DIV ID="parent1Div">
<IMG src="bigimage1.gif">
<DIV ID="child1Div">
<table>
<tr><td>
data here
</td></tr>
</table>
Anything else you want here!
</DIV>
</DIV>
</BODY>
You end up with a table in the centre of the page over the top of a
background image. The only problem is finding a background image that
fills the page adequately. For that you may want to have a look at:
http://www.digitalblasphemy.com
This is Ryan Bliss' site, who produces magnificent wallpapers that you
may want to look at using as a background. Made to size too. As long as
you get the required permissions, which should be relatively easy, you
can use one of his images. Be warned though, if you are going to spread
a single image over an entire page, it will, of neccessity, be a large
image so will it download sufficiently fast enough for the user?
