creating shadows down side of page

Hi there

would somebody please help me, I've been following the adobe tech notes on how
to use background images and css . I've created a wrapper.jpg as the wrapper
shadow image, so I now have a page with a shadow going down the left and right
side of the page. this is the tect note I'm following
http://www.adobe.com/devnet/dreamwea...mages_pt3.html )

I've done what the tech note says, but what I cant find out is how to make the
shadow go to the botton of the page. like when you put a table at Height 100%
so it stay to the bottom of the page! I've tried changing the values in the
css to 100% but this make the image(wrapper.gif) to a smaller size completely.

does anyone know what I'm to do I'm sure its something really simple! heres an
example of the shadows downside of the page http://www.ntlworld.com/

I have an example here - maybe it will help:
http://www.adobe.com/devnet/dreamwea...mages_pt3.html

--
Nadia
Adobe® Community Expert : Dreamweaver
-------------------------------------------------
http://www.DreamweaverResources.com |Tutorials|SEO |CSS Templates
http://www.csstemplates.com.au
-------------------------------------------------
http://www.adobe.com/devnet/dreamweaver/css.html
CSS Tutorials for Dreamweaver
-------------------------------------------------


"dizzy nuts" <webforumsuser (AT) macromedia (DOT) com> wrote

Hi there

would somebody please help me, I've been following the adobe tech notes on
how
to use background images and css . I've created a wrapper.jpg as the
wrapper
shadow image, so I now have a page with a shadow going down the left and
right
side of the page. this is the tect note I'm following
http://www.adobe.com/devnet/dreamwea...mages_pt3.html )

I've done what the tech note says, but what I cant find out is how to make
the
shadow go to the botton of the page. like when you put a table at Height
100%
so it stay to the bottom of the page! I've tried changing the values in
the
css to 100% but this make the image(wrapper.gif) to a smaller size
completely.

does anyone know what I'm to do I'm sure its something really simple!
heres an
example of the shadows downside of the page http://www.ntlworld.com/

On 01 Sep 2006 in macromedia.dreamweaver, dizzy nuts wrote:

does anyone know what I'm to do I'm sure its something really
simple! heres an example of the shadows downside of the page
http://www.ntlworld.com/

This is the background image from that page:

http://www.ntlworld.com/images/commo...fade_white.gif

Note that it's only 20px high. It's invoked like this:

body {
padding: 0 0 0 9px;
margin: 0;
background: #fff url(/images/common/bg_tile_fade_white.gif) repeat-y center top;
font-size: 71%;
text-align: center;
}

which you'll find in this style sheet:

http://www.ntlworld.com/styles/global.css

--
Joe Makowiec
http://makowiec.net/
Email: http://makowiec.net/email.php

hey Nadia

thats the tech note I've been following, but it doesn't seem to example how to stretch to the bottom of the page?? any ideas ; )

"dizzy nuts" <webforumsuser (AT) macromedia (DOT) com> wrote

hey Nadia

thats the tech note I've been following, but it doesn't seem to example
how to stretch to the bottom of the page?? any ideas ; )

Drats to this head cold (still not thinking clearly

I posted your original link - sorry... I meant this one:
http://www.dreamweaverresources.com/...xamplevert.htm

It's in the css. You need to repeat the background down the page

background: url(pics/bckgroundvert.gif); /*the path to your image*/
background-repeat: repeat-y;


--
Nadia
Adobe® Community Expert : Dreamweaver
-------------------------------------------------
http://www.DreamweaverResources.com |Tutorials|SEO |CSS Templates
http://www.csstemplates.com.au
-------------------------------------------------
http://www.adobe.com/devnet/dreamweaver/css.html
CSS Tutorials for Dreamweaver
-------------------------------------------------

hey nadia
cheers for that, that worked dude ; )

....I know what ya mean I've had a cold all week, doh!

cheers joe

thanks for finding the image for me, I managed to understand what was going with the css from this and also nadia's link.

cheers for your help! ; )

another problem I have : (

now that I've created the shadow down the sides of the page I also have a
banner like image I would like to come down from the top then the shadow carry
on! I've seen this done before but I don't have a link for you so I created a
flat image so I could show you an example here it is

http://www.paragon360.com/example_01/example_layout.htm

I've tried playing around with the existing script and also making another css
thinking I could attached the shadow bit at the bottom of the banner
from what I understand I would need to make two separate images and somehow
link so it looks as one, something like this example

http://www.paragon360.com/example_01/banner.html

or would I make the banner up in a table within the page???? arrrggghhh!! so
many questions : )
any help would be fab, thank you