Page is a not externally linkable
- Code, Content, and Presentation
-- Site Graphics and Multimedia Design
---- Creating a background image that will display a shadow behind my page


limbo - 12:36 pm on Feb 28, 2008 (gmt 0)


You can do this a number of ways - the best might be to to use a series of background images positioned with CSS that provide the shadow over the background colour of the page.

The html might look like:

<body>
<div id="header"></div>
<div id="leftcolumn"></div>
<div id="rightcolumn"></div>
<div id="footer"></div>
</body>

CSS:

body {background:#[i](your color here)[/i] }
#header {background:url(images/top-shadow.gif) no-repeat;}
#leftcolum {background:url(images/left-shadow.gif) repeat-y;}
#rightcolumn {background:url(images/right-shadow.gif) repeat-y;}
#footer {background:url(images/bottom-shadow.gif) no-repeat;}


Thread source:: http://www.webmasterworld.com/graphics_multimedia/3585297.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com