Adding a shadow to a web page design

Hello all I had a quick question of how to add a shadow to your web page design like the one in the aqua-soft.org forms. I was over on macromedia web forums and searched for add shadow and someone posted this css code

.dropshadow {

	border-right : 2px solid #666666;

	border-bottom : 2px solid #666666;

	}

which gives you a dark grey border around the edges of your table. Well I was trying to achieve the same shadow effect done here on the aqua-soft.org forms which seems more like a drop shadow done in photoshop. Is there a way to write a css style that will apply a shadow that was made as an image in photoshop to the borders of a table. Thanx for any help

#266353

You can't apply a smooth shadow with css. You have to work with photoshop and background-images.

#266355

well you can make a shadow if you have like 20 divs one with 2px wider and a lighter border color...but that'd be too difficult

just make an image with the shadow, then save it /merge all/whatever to get rid of the layer style and then drop a 1 px high image and have that repeat-y;

#266357

The only disadvantage with the way pwnzrzpat has it is that you can no longer dynamically resize your site to look good at all resolutions (that's not entirely correct either...it's sort of hard to explain, but...ugh, I can't really think of how to explain it).

Anyway, Seph showed me this tutorial the other day:

http://www.alistapart.com/articles/onionskin/

Hope that helps

-NC

P.S: If i think of a way to explain it, I'll edit this post, or make a new one.

#266387

from the same website http://www.alistapart.com/articles/cssdropshadows/

and http://www.alistapart.com/articles/cssdrop2/

Also on my website I have small non-png shadows for my images, made with only a div (don't remember where I found the css code...). Not photo-realistic, but I like them

#266418

cool all thanx for the replies working on those links and tutorials now

#266423