stretching an image in a table

[cayden2007]

All,
I am working on this site:

http://www.awakenedsuccess.com/jesusnebot/nebot_123.html,

and I would like to make the main section (purple) to stretch to full screen.

That section is images. I would like to place those images in tables and use CSS to stretch them to full screen.

Is there a way to do this?

Please help if someone can.

Thanks in advance.

 

[Vragabond]

I do not know what you need help with. Do you need us to tell you how to make your table 100% wide? Or how to stretch the image in that table to stretch the whole way? Your page, as is, is just a bunch of pictures, so if you will stretch them, it will look terrible in different resolutions. If you need gradient backgrounds, using either a large by one pixel repeating background is a better option. Or make a gradient that generally becomes the solid colour.

 

[cayden2007]

I would like the background to be a gradient background that fits the whole screen. It is easy to do a background that is just a solid color, but when it is gradient I am not sure how to make that stretch without it looking bad.

Do you know how to do that?

 

[monksnake]

Make your background an image of the gradient 1 pixel tall and the width of the screen. You may have to redraw your gradient, but with graphics editors, that should be easy. Then on your body CSS declaration, repeat the background image on the Y axis.

<.

 

[cayden2007]

I will try that monksnake.

Thanks and I will let you know how it comes out.

 

[monksnake]

No problem, I know it works cause I do it all the time.

<.