Two images in background?

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Ian Hobson - 28 Feb 2008 23:59 GMT

Hi All,

The client has specified a CMS that generates html that is essentially a
table in a body tag.

!Doctype....
<html>
<head>....</head>
<body>
<table>
All the page here, with some transparent backgrounds.
</table>
</body>
</html>

Sadly it can't be changed.

Now he wants a background that is a 200*200 image, repeated in both
directions, but with a gradient.

The gradient is from near black at the top to old gold after 2 or 3
repetitions of the graphic, and then it is to be the graphic with the
old gold background further down the page. Some pages are only 3 repeats
tall, others are very long. Note - neither background is a plain colour.

I can create a 200 * 200 version and replicate it in both directions on
the body tag, to provide a plain version of the background.

I could create a 200 * 600 gradiented version and use repeat-X to
provide the gradient he wants at the top of the screen.

But I can see no way to place the gradient version over the plain
without adding a div to carry it.

Is there any way to do this?

Regards

Ian

Reply to this Message

C A Upsdell - 29 Feb 2008 00:26 GMT

> Hi All,
>
[quoted text clipped - 31 lines]
>
> Is there any way to do this?

I wonder if the TBODY can have a background image? If so, the TABLE
could have the gold image, and the TBODY the gradient image.

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / February 2008

Two images in background?