By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,766 Members | 1,261 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,766 IT Pros & Developers. It's quick & easy.

How is this drop shadow acheived?

P: n/a
I like the drop shadow effect on this site that gives the impression of
a piece of paper:

http://www.dacvs.org.uk/

I have looked at the style sheet and the html but cannot figure it out.
Could someone please explain, with reference to the relevant bit in the
style sheet.

Thanks.
--
Sam

Jan 23 '08 #1
Share this Question
Share on Google+
2 Replies


P: n/a
On Wed, 23 Jan 2008 14:37:00 +0100, Jon Boyes <me@nospam.co.ukwrote:
I like the drop shadow effect on this site that gives the impression of
a piece of paper:

http://www.dacvs.org.uk/

I have looked at the style sheet and the html but cannot figure it out.
Could someone please explain, with reference to the relevant bit in the
style sheet.
Just a fixed width background image:
style.css (line 19)
#wrap {
background:transparent url(images/bg2.gif) repeat-y scroll 0%;
margin:0pt auto;
padding:5px 0pt;
width:807px;
}

When inspecting an existing website I can recommend Firebug in FF, it took
me about 4 seconds total finding this out.
--
Rik Wasmus
Jan 23 '08 #2

P: n/a
In article <op***************@metallium.lan>, lu************@hotmail.com
says...

I have looked at the style sheet and the html but cannot figure it out.
Could someone please explain, with reference to the relevant bit in the
style sheet.

Just a fixed width background image:
style.css (line 19)
Right, I see now thanks. Firebug looks great, I'll install it.
--

Jan 23 '08 #3

This discussion thread is closed

Replies have been disabled for this discussion.