I need to add a drop shadow around a table in a web page. The page is not W3C XHTML/CSS compliant and your solution does not have to be. It has to be easily adaptable for different table heights / page lengths, as I want to apply the same solution site-wide to pages of varying lengths. I would like you to apply it to one page, and write a step-by-step tutorial (customized for my site) of how I can do it to the rest of my pages.
See [login to view URL] for an example of the drop shadow I would like to emulate.
## Deliverables
My web site is at:
[login to view URL]
The main content area should have a drop shadow all around. It should not be offset to one or two sides but should be visible all around. In addition, I don't want it to be flat, I want a gradient-type of drop shadow.
Here are some example sites with drop shadows:
[login to view URL]
[login to view URL] (not the blue at the top, scroll down)
My site is not W3C XHTML/CSS compliant and your solution does not have to be either. It has to be easily adaptable for different table heights / page lengths, as I want to apply the same solution site-wide to pages of varying lengths. I would like you to apply it to one page, and write a step-by-step tutorial (customized for my site) of how I can do it to the rest of my pages.
You will download the page and create the drop shadow on two pages, hosted on your own server:
[login to view URL] (long page)
[login to view URL] (short page)
I will need to approve that the drop shadow looks correct on one page before you proceed to the second. You will then provide documentation to me regarding the steps taken in order for the complete process. I will then complete the process on one page to make sure your instructions work, or else obtain further clarification from you. Once I have successfully completed the process on another page, your job is complete.
FYI, I use Dreamweaver CS3.