asked on

Vertical shadows on table or div...

I have seen a lot of posts about drop shadows for tables and div, however, I haven't seen anything specific to what I am looking for. I am wanting vertical shadows running down the sides of a centered table or div. Here is a site that has an example of what I need: http://www.squidfingers.com

Notice that it is a gradient shadow, not just a block of color. I have my suspicions that that particular site uses an image that just gets centered, but I would like to know if it is possible to do with javaScript or some other web language. Thanks.

SOLUTION

Roonaan

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ASKER CERTIFIED SOLUTION

OutsideTheBox

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

kearnguy

ASKER

OutsideTheBox,

No, I don't need any dynamic functionality. I think what you have said will work...I am trying it out now. I will get back to you once I have tested it.

Thanks again everyone for your help.

kearnguy

ASKER

I thought I understood, but I can't get it to work. There are obviously things I don't understand about div. Could you please give me an example of the code.

I have a table with the main content that is set to automatically center. Does this table need to be in the div? So the css would be in the head tag and then my content in a table on a layer and it should all work right?

Thanks for being patient with a newbie CSS guy!

kearnguy

ASKER

Nevermind...I figured out what I was doing wrong...

Everything worked wonderful! I am raising the points to give 50 points to Roonaan for the great resource. The original points go to OutsideTheBox for the great solution.

Thanks again!

OutsideTheBox

Glad I could help, thanks for the points