CSS Shadow

[thats all folks]

What the best way to create a shadow effect around a table, I've seen this on http://www.shauninman.com/ I read other threads but is this done with a drop shadow pixel that runs down the side?? or is a Div filled w/ balck and low alpha, but how does the fade spread out?

If you could also post some links that you have found to be helpful, that would be great.

Cheers
pull_my_finger

[nobody]

Easiest way would be just to create a graphic for the shadow and css it along the side of your table or div

[thats all folks]

Would you have an example of how to do that?


Pull

[λ]

I did that for my weblog (http://blog.skehin.com) (requires Firefox/Opera/KHTML atm, no IE).

The basic method is compatible with any relatively modern browser, though. Just make a 1px-high image of the background of the table/div with shadow, and use CSS like this:


div#shadow {
width: <width of image>;
background: url(<tile image>) repeat-x;
}

[thats all folks]

I'm new to css and not sure what your saying, could you supply a file that I could look at, thanks for the help..



P