Hi, I'm new to html and css.

 

But I am designing a website, and I was wondering if anyone could tell me in reference with this site: http://www.we7.com/#/

 

How to:

 

1.) Get a recurring background image in the margin like they have.

 

and

 

2.) How to get a shadow down the side of your content like they have. (and the small shadow around this forum)

 

All help will be appreciated.

 

Thanks!

The side shadows are in these styles:-

 

html{background:url(../img/body-bg-tile.v1223634229.gif) fixed #eee;font-family:Arial,Helvetica,sans-serif;}

 

body{font-size:12px;text-align:center;background:url(../img/container-drop-shadow.v1226079705.png) top center repeat-y;}

 

with this image

http://www.we7.com/img/container-drop-shadow.v1226079705.png

 

where the style has repeat-y for the vertical repeat and the page just fits inside.

 

The other image is http://www.we7.com/img/body-bg-tile.v1223634229.gif which doesn't have repeat-y but will repeat in both directions by default behind everything else.

Thanks man!

 

Now I know how to do it!

 

Can anyone actually explain this to me though?

http://www.webdesignerforum.co.uk/topic/307-css-drop-shadow-background-effect-for-your-website/

 

That tutorial should help

Cheers!