HighDots Forums  

How is this drop shadow acheived?

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss How is this drop shadow acheived? in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Jon Boyes
 
Posts: n/a

Default How is this drop shadow acheived? - 01-23-2008 , 07:37 AM






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


Reply With Quote
  #2  
Old   
Rik Wasmus
 
Posts: n/a

Default Re: How is this drop shadow acheived? - 01-23-2008 , 07:43 AM






On Wed, 23 Jan 2008 14:37:00 +0100, Jon Boyes <me (AT) nospam (DOT) co.uk> wrote:

Quote:
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


Reply With Quote
  #3  
Old   
JamesP
 
Posts: n/a

Default Re: How is this drop shadow acheived? - 01-23-2008 , 09:19 AM



In article <op.t5dxqzas5bnjuv (AT) metallium (DOT) lan>, luiheidsgoeroe (AT) hotmail (DOT) com
says...

Quote:
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.
--



Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.