April 2nd, 2004, 02:59 AM
Complex backgrounds with css
I would like to do the following on a web page but not sure how. Tried a few things but it didnt display what I was hoping for...
I want essentially a 3 layered background image.
The main background is one image that is tiled in all directions
The second image is tiled in x but attached to the top of the screen
The third image is the same as the second image but attached to the bottom of the screen.
Over the top of this I want to use html tables and have the background displayed through the empty table cells. Is this possible? Any help appreciated
April 2nd, 2004, 04:13 AM
Is the following any help:
background: url(images/bg1.gif) repeat;
background: url(images/bg2.gif) repeat-x;
background: url(images/bg3.gif) repeat-x;
border: 1px solid #000000;
April 2nd, 2004, 06:12 AM
Apart from the #main div id thats exactly what I had already but the background wasnt showing through the table... in fact I'm not sure the background was showing at all to be honest but I will try that and see what happens
April 2nd, 2004, 01:22 PM
hey it worked Thanks very much