HTML Code:
<div style="background-image:url(image.jpg); background-repeat:repeat-y; padding:15px; width:500px; min-width:600px;"> <div style="overflow:auto; background-color:#ffffff;">
{text goes here omg wtf k thnx }
</div> </div> Thats
ONLY for the main textbox area. So do what ArtificialWings said and take your image into photoshop. Once in photoshop SLICE Your images. Then go to
FILE > SAVE FOR WEB
make sure you save ALL slices
AND html!!!!!!!!!
Okay so that will give you some really shitty html code based on your slices. once you do that, move all the images to the background of the tables. For the TD for the main part:
HTML Code:
<td style="background-image:url(image.jpg); background-repeat:no-repeat; padding:15px; width:500px; min-width:600px;"> <div style="overflow:auto; background-color:#ffffff;">
{text goes here omg wtf k thnx }
</div> </td> Change the padding to the width of the borders of the image. Then when the text overflows the middle div there, it will have a scroll bar, and not mess up your tables. I am telling you to make tables becuase sometimes as your learning it is easier to see how things fiit together in tables than it is in <div>'s