Drop Shadow for TD with image as background

Try adding this code to the TD:

style="filter:shadow(color:gray);"

But I think it's not supported very much...  It should work in IE, but for th other browsers....
If it doesn't work, enclose your text in a DIV and add this code to the DIV.


In other cases, it's better to make a set of DIVs that carry the border/shadow.

Hmmm... can't seem to get that to work.  This is a table inside a table.... I've attached some of the code showing the end of the first td and the beginning of the one I'm trying to shadow.  As you can see, inside the td that i'm trying to shadow is another table.  On the screenshot attached, I'm trying to shadow the creme colored area only.  

</td>
    <td background="texture.png">
     <table>
      <tr>
       <td class="style7" width="717" background="texture.png"><p class="style7">Contact Info<br></p></td></tr>
    <tr><td><p class="style18"><u><br>Telephone:</u></p>
     <p class="style17" align="center">720-933-0318</p>
     <p class="style18"><u>Email:</u></p>
     <p class="style17" align="center"><a href="mailto:charleanea.arellano@inspirational-living.net">charleanea.arellano@inspirational-living.net</a></p>
     <p class="style18"><u>Web:</u></p>
     <p class="style17" align="center">www.inspirational-living.net</p>
     <p class="style18"><u>Office (By Appointment Only):</u></p>
     <p class="style17" align="right">12687 Locust Way | Thornton, CO 80602-4664</p>
     <p class="style18"><u>By Mail:</u></p>
     <p class="style17" align="center">Dr. Charleanea M. Arellano<br>
    Inspirational Living<br>
    12687 Locust Way<br>
    Thornton, CO 80602-4664</p></td></tr></table>
</td>
</tr>
</table>

Select allOpen in new window

screenshot.png

Hi..

U can use this code

style="width:250px;padding:10px;filter:shadow(color:gray,
strength:10, direction:135);"

with this code u can change modified the direction & strength of shadow, but its only works for IE not for FF so its better to use background image with shadow for TD.