This tutorial was written using Paint Shop Pro 7
We'll be in two places ... in your graphics editor and in your website editor.
Since we'll only need one thing from your graphics editor we'll do that first.
Open up the background you're going to be using.
Click on the selection tool
It should be set to rectangle
Start on the left side of your background click and drag the selection tool across to where you would want text or other images to start on your page.. in other words.. a bit past the graphic on the border.

While you're dragging it across look at the bottom left corner of the PSP screen. You'll see a series of numbers, look at the first number after the = sign. That will be your width.
You're going to need this number in the next part.
Ok now on to the website editor. I'm doing this in html so if you don't understand html you'll have to figure it out with your editor.
At the top of your page directly after the body tag
<table width=100%><tr><td><img src="vspacer.gif" width=150 height=1></td><td>
The ONLY thing that you need to worry about in the code is the width. The width you got above from your graphic is what you will put in there. Always look at your page after to make sure the width is good.. it's not always exact. Play around until everything looks centered in the blank portion of your background.
Note: If you upload the vspacer into a folder be sure to put the folder ie: vspacer.gif
Next go all the way down to the bottom of your page.. right above </body></html>
Put </td></tr></table>
Make sure you CLOSE the table you created if you would like anyone on Netscape to be able to view your page. If tables are left open on your page Netscape viewers will ONLY see the background of your page.
:-) Rebecca
Back to Tutorials