Yes, CSS was used, here is the rule that controls it:

div#wrapper {

        position: relative;

        margin-right: auto;

        margin-left: auto;

        text-align: left;

        width: 754px;

        padding: 0 8px;

        background-image: url("../images/shadowBg.png");

        background-repeat: repeat-y;

        }

The drop shadow was achieved with the image shadowBG.png. This image is 
770px wide and 5px tall. It is then repeated down the y-axis so that the 
image grows with with whatever the size of this wrapper is.

Then the shadow at the bottom is done much the same way through this rule:

div#footerWrapper {

        margin: 0 auto;

        padding-top: 3px;

        text-align: center;

        background-image: url("../images/footerBg.png");

        background-repeat: no-repeat;

        width: 770px;

        height: 32px;

        color: white;

        clear: both;

        }

Where the background image footerBG.png contains the shadows.

TMH Design wrote:
> Can (was) CSS used to give this page's containing element the drop shadow
> appearance? 
> 
>  
> 
>  
> 
> http://www.clubcorp.com/clubs.aspx
> 
>  
> 
> Thanks
> 
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> 

-- 
Joe Huggins MSW, MSCIS
University of Colorado Health Sciences Center
Clinical Science Program
(W) 303.399.8020 ext 3096
(C) 303.903.8352
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to