HTML » Covering writing area

To make the writing areas go all the way down on the page is rather easy. First, create a background image. Keep in mind it should be small (so it doesn't take for ages to load) and it will repeat. So it should look good when you place the image many times underneath each other. The picture should look like it has writing columns, one, two, three.. as many writing areas you want.

This is my background image:

Click to enlarge

You should make it wider than your own screen, because people have different resolutions and size on their screen and if you make it to short horizontally it will repeat it self and look ugly on a big screen.

Upload the picture to your photobucket account, and insert this code near the top of your code in the description box on your horseland account:

Use the photobucket address . Don’t copy the "tag" code, but the "url" code. If you insert <img src=http://www.photobucket.com/…jpg> inside the body code, it will not work. Copy only the address, that starts with http. No < or > tags.

And that's it. To place the text areas where you write, you have to use tables. For more information, check the cover up tutorial and the table tutorial.

It is easy to get carried away with background images and plaster them all over your web pages. Make sure the text is easy to read, and that the reader don't get blind from visiting your site. Blinking images are never good for backgrounds.