Hi

If you look at this template, you see that the central body seems to be raised slightly and leave a shadow on the back ground image - because of this image repeating the entire length of the page on the left, and a similar one on the right.

Can anyone tell me how I would put this effect into Atahualpa?

thanks

Not possible?

only suggestion I would give is make teh second image the background of the center column. You may have an issue positioning it properly.

Thanks.
But that won't go up to all the way to the top, through the bars and the header image.

I can think of a way to do what I want a slightly different way -
Is it possible with Atahualpa to have 2 background images 1 above the other? -
One at the top of the page and one underneath repeating to the bottom?

Or even one that repeats the entire length of the page top to bottom and a second image that layers over it at the top only?

the center column stops at the header. The page is broken into
HEADER AREA
MIDDLE AREA - which can have LEFT, LEFT-INNER, CENTER, RIGHT-INNET, RIGHT areas
FOOTER AREA

as for two background images...nope (this not an Atahualpa issue, it's HTML/CSS) which would be which. A background covers the background so the second one would cover the first.

Hi
Thanks for explaining

Originally Posted by juggledad

... A background covers the background so the second one would cover the first.

But what about a backgound image that repeats top to the bottom, and then the second small background image that goes on top at the top but does not repeat?

I tied this but it seemed that the second backgound stopped the 1st one appearing at all rather than layering on top.

thanks

CSS background-repeat Property: Definition and Usage

The background-repeat property sets if/how a background image will be repeated.
By default, a background-image is repeated both vertically and horizontally.

when I said:

A background covers the background so the second one would cover the first.

I implied (and should have finished the statement with) 'so the first one would nevr be seen since it is covered. CSS always used the last rule for a given selector.

.body {background: url(a.jpg);}
.body {background: url(b.jpg);}
will cause 'b.jpg' to be used for the background, since it is the last rule for the selector '.body'

Originally Posted by juggledad

when I said:

I implied (and should have finished the statement with) 'so the first one would nevr be seen since it is covered. CSS always used the last rule for a given selector.

.body {background: url(a.jpg);}
.body {background: url(b.jpg);}
will cause 'b.jpg' to be used for the background, since it is the last rule for the selector '.body'

Thanks for explaining