Two images in background?

28/02/2008, 23h59

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

29/02/2008, 00h26

Ian Hobson wrote:
> 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?

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.

28/02/2008, 23h59	#1
Ian Hobson Messages: n/a Hébergeur:	Two images in background? 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 200200 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

29/02/2008, 00h26	#2
C A Upsdell Messages: n/a Hébergeur:	Re: Two images in background? Ian Hobson wrote: > 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 200200 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? 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.

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email