Changes to graphic and code to make expanding box.
For both styles of stationery any alterations in size of graphic need to be changed on the code.
Heres where you change the width.
<table id="INCREDIMAINTABLE" cellSpacing="0" cellPadding="0" border="0" align="center" width="850">
Change this 850 to the width of your graphic.
 
The text area on these needs to be wider and *narrower*. Here's an example
*I personally would not go below 800 wide but the choice is yours*

The sides of this text area cannot contain any graphics as they would split as it expanded. Dotted and unbroken lines or wide frames/borders are OK.
Use the same code as the scrollbox, but you need to change just this one area.
<td background="your image name_2x1.jpg"
style="FONT-SIZE: 12pt;padding-left:255px;padding-right:25px;text-align:center;
height:408px;max-height:408px;min-height:408px;overflow=auto" vAlign="top">
<div id="INCREDITEXTREGION" style="padding-right:10px;height:408px;max-height:408px;min-height:408px; overflow:
auto;
Change this auto; to repeat;
Ignore the scrollbar as it won't be used in this.
Make the stationery exactly the same as in the scroll box tutorial.
Tip when using image slicer:- Don't save as .gif unless you need to. i.e. transparent or animated. Change the setting on image slicer before you click on the grid, so all three slices are saved as .jpg
 
BACK TO TUTORIAL 
 
Letters by Carol©