Herself’s Webtools

You can create special effects as in the translucent table here:
example

This was done using two images. First I have the back ground image. Then I copied
a piece of the background that was larger than the table I needed. I used gimp to lighten the image so it is much whiter. This makes it easier to view the table text. This also makes it appear translucent. Using CSS you can line up the table so the edges of the image match.

In the .css page I used:
table { position: absolute;
left: 490px;
top: 220px;
}

body{
font-color: #ccccff;
background: url(images/splash.jpg) 0 0 no-repeat fixed;
}

In the .html page I used:
< table background=”images/smallsplash.jpg” border=5 cellpadding=10 cellspacing=5 >
smallspash.jpg is the section of the main splash image I copied and lightened

See also:
Beginners Tips for CSS

More information
CSS play, demos and howtos of several fun CSS tricks
Cascading Style Sheets, from the World Wide Consortium
HTML net has a nice online tutorial on CSS
Free open source css templates
CSS Basics; Learn everything you ever wanted to know about the basics of CSS