={ Advocated }= said:
Hi there, just wondering how i would go about doing this
Ive got a table cell, which has a 1px border in dark grey, and is white in
color.. The thing is i want to add a greyish shadow to the right and bottom
of it. Anyone got any ideas?
An example is :
http://homepage.ntlworld.com/c.jones13/shadow.gif
Thanks all
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
there!
you will need a transparent gif image. something the size of one pixel.
you can probably steal it somewhere or make your own.
<TABLE BORDER="0" CELLPADDING="0" align="center" cellspacing="0"
width="200" height="100">
<tr>
<td bgcolor="#aaaaaa"><img src="/images/spacer.gif" width="2"
height="2"></td>
<td bgcolor="#999999" colspan="2"><img src="/images/spacer.gif"
width="1" height="1"></td>
<td bgcolor="#676767"><img src="/images/spacer.gif" width="1"
height="1"></td>
<td><img src="/images/spacer.gif" width="4" height="1"></td>
</tr>
<tr>
<td bgcolor="#aaaaaa"><img src="/images/spacer.gif" width="2"
height="6"></td>
<td bgcolor="#fffff0" colspan="2" align="center" valign="bottom"><img
src="/images/spacer.gif" width="1" height="1"></td>
<td bgcolor="#404040"><img src="/images/spacer.gif" width="1"
height="1"></td>
<td><img src="/images/spacer.gif" width="1" height="1"></td>
</tr>
<tr>
<td bgcolor="#aaaaaa"><img src="/images/spacer.gif" width="1"
height="1"></td>
<td align="left" valign="top" bgcolor="#fffff0" height="100"
colspan="2">
<table border="0" cellpadding="15" cellspacing="0" width="400">
<tr><td align="left" valign="top">
<center><font face="Times New Roman" size="5"> HELLO </font></center>
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah,
</td></tr>
</table>
</TD>
<td bgcolor="#404040"><img src="/images/spacer.gif" width="1"
height="1"></td>
<td bgcolor="#898989"><img src="/images/spacer.gif" width="1"
height="1"></td>
</TR>
<tr>
<td bgcolor="#676767"><img src="/images/spacer.gif" width="3"
height="3"></td>
<td bgcolor="#404040" colspan="2"><img src="/images/spacer.gif"
width="1" height="1"></td>
<td bgcolor="#404040"><img src="/images/spacer.gif" width="1"
height="1"></td>
<td bgcolor="#898989"><img src="/images/spacer.gif" width="1"
height="1"></td>
</tr>
<tr>
<td><img src="/images/spacer.gif" width="1" height="4"></td>
<td><img src="/images/spacer.gif" width="1" height="4"></td>
<td bgcolor="#898989" width="99%"><img src="/images/spacer.gif"
width="1" height="1"></td>
<td bgcolor="#898989"><img src="/images/spacer.gif" width="1"
height="1"></td>
<td bgcolor="#898989"><img src="/images/spacer.gif" width="1"
height="1"></td>
</tr>
</TABLE>