PDA

View Full Version : Table Drop Shadow



under9stars
05-07-2009, 04:44 PM
Hi All,

I am looking for the best method to add a drop shadow to a table. I basically created a web page using the Dreamweaver Kit tutorials, and now I want to create a drop shadow to the main body table to nicely separate the content area from the page background.

Any help would be greatly appreciated!

-Jeremy

Wayniac
03-09-2010, 01:46 AM
Hi under9stars,

Inside the table, you can add a custom background image that you will have to design to fit the exact pixel ratio of the table.

This can be done by using CSS (Cascading Style Sheets). I'm not certain on your knowledge of this, take a peek at w3schools at http://www.w3schools.com/css/css_background.asp.

If you need to get the shadowing outside the table, then simply create a second table and nest your original table inside the newly created one while giving it your preferred distance for the shadow (10 or pixels should be plenty).

Only way I can see this possible through HTML is to physically create it in say Photoshop and do everything I mentioned above.

Hope this is to some help for you.

Cheers