Click to view attachment

Hey,

If you look at that attachment I've posted, you will see I've highlighted a couple of areas. You can probably see what I'm trying to do with these. At the moment there is just an image for the background of the header, and an image for the background of the main table (the left and right borders). But I want these left and right borders to fade out as they near the bottom of the div, and I can't figure out how to do this.

Any Help much appreciated!

Thanks

I don't have anything installed at the moment, so graphically I cannot show you. However, I would insert a DIV within the DIV(s) you are working with and use a background image. That's probably not the best explanation, but it should work.

Graphically I'm fine with doing it. It's the CSS that I'm unsure... I did think of putting another div with a bg image at the end of each div but that seems a little messy to me ... I did also think of using div:after{blah} until I realised that IE didn't support it

Instead of adding a DIV into your current DIV, you could always end your current DIV and start a new one with the correct background image.

No That wont work. As I said, the div already has a background.


and that's what I thought you meant anyway

Either way, I've done this now just by adding an additional div at the end of each DIV but thanks for all yer help