Background image autostretch

[CreativeMind]

Hi all,

I have a question regarding stretching the background image to fit my text content. The background must autostretch vertically and horizontally. The background image must be within the TABLE and not the body. I just need to make the background image to fit all my text or content.

When I tried to add more text within the <TR>, the background image is repeating. Please see my example at this link:

http://pro.toattend.com/hluu/CAS0901/index2.html






Thanks!!

[KDLA]

You need to split that image up:
top curve - no repeat
middle - repeat
bottom curve - no repeat
Here's an example -- sorry, can't bring myself to code this for multiple nested tables.

<div style="background: url(bottomcurve.jpg) no-repeat left bottom; padding-bottom: ###px;"><!-- ### is the hieght of the bottom curve -->
<div style="background: url(topcurve.jpg) no-repeat left top; height: ###px; width: ###px;"><h2>Product Name</h2></div><!-- ### insert height width of top curve-->
<div style="background: url(middle.jpg) repeat-y left top;>
text text text text</div>
</div>


KDLA