Shadow on page (table?)

Capperdog · Joined: 08 May 2008 Posts: 3

Hi, I've worn my limited brain out trying to put a shadow on right and bottom of this page. Everything I read seems to refer to text shadows or looks VERY complicated for what I assume is a standard option...? Any suggestions gratefully received.
************
<html>
<head>
<title>4th Lymm Scouts</title>
<style type="text/css">
body {background-color: "green"} p {margin-left: 20px}
ul {margin: 15; padding: 0;list-style: none; width: 100px; line-height: 130%}
a {font-family: Calibri; text-decoration: none; color: #0000CC}
a:hover {font-family: sans-serif; text-decoration: none; color: #00CCCC}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="description" content="4th Lymm Scout Group">
<meta http-equiv="keywords" content="4th Lymm Scout Group, 4th Lymm Scouts, 18th Warrington East Scout Group, 18th Warrington East Scouts, Scout, scouts, Lymm Scouts, Warrington Scouts, scouting, boy scout, girl scout, outdoor activities, outdoor activity, camp, scout camp, camping, summer camp, badges, beaver, beavers,beaver scout, cub, cubs,cub scout, chamboree">
</head>
<table width="80%" height="145" bgcolor="white" border="0" cellpadding="0" align="center" cellspacing="0">
<tr>
<td width="20%"><img src="images/2-scouts.gif">
</td>
<td width="60%" div align="center"><font color="#000000" face="Calibri" size="5"><b>4th Lymm Scout Group</b><br>(18th Warrington East)<br><font size="1"><br><img src="images/18th%20Necker.JPG" alt="18th%20necker.jpg">
</font></div>
</td>
<td width="20%" align="center" cellpadding="10"><img src="images/scoutpics.gif" height=105>
</td></div>
</tr>
<tr>
<td width="20%" height="800" valign="top"><font size="3">
<ul>
<li><a href="index.htm">Group</a></li>
<li><a href="pages/Bmain.htm">Beavers</a>
<li><a href="pages/Cmain.htm"">Cubs</a></li>
<li><a href="pages/Smain.htm">Scouts</a>
<li><a href="pages/Emain.htm"">Explorers</a></li>
<li><a href="pages/Gallerymain.htm"">Gallery</a>
<li><a href="pages/Mmain.htm"">Meeting times</a></li>
<li><a href="pages/Lmain.htm"">Links</a></li>
<li><a href="pages/Contact.htm">Contact us</a></li>
<li><a href="index.htm">Home</a></li>
</ul>
</font>
</td>
<td colspan="2" align="center" valign="top" bgcolor="orange"><font face="Calibri" size="5">This is the Gmain page<font size="10"><br><br><br>Group information<font size="5"><br><br><br>We are very busy developing this site!
</font>
</td>
</tr>
</table>
</html>

sticks464 · Joined: 31 Dec 2006 Posts: 930

http://www.w3.org/Style/Tables/examples.html gives an example of drop shadows on a table and a cell. Text drop shadows only work in Safari at this time.