Placing Text with Bordered Backgrounds

There are several different ways to do this; however, the following is the only method I've found reliable for use with all browsers in all screen resolutions. After you've done it a time or two, it will be second nature, and the results will always be what you expect no matter where the page is viewed!


NOTE: The italicized text below is for instructional use only and is not to be included in your HTML source. Text to copy and paste is not italicized.

The following code goes directly after the <body> command, before any entries (including headers) are placed on your page. You will need to copy the "invisible.gif" file from the bottom of this page to your hard drive, then upload it to your server.

Copy below by highlighting, then use your browser's "copy" function. Use your HTML editor to paste into your document------------------>


<table><tr><td><img src="invisible.gif" height=0 width=140></td><td>
Your complete page follows this source, including any headers and graphics you may be including. NOTE: the "width=140" used above should be adequate for most bordered backgrounds. You may wish to adjust the value up or down in increments of 10.

At the bottom of the page, immediately before the </body> command, place the following code--------->


</td></tr></table>
That's all there is to it!!! Now, here's the invisible .GIF file to copy; just use the right button of your mouse (Click-HOLD for MAC) over the black area in the frame and save as "invisible.gif" to your hard drive - then, remember to upload to your server when you upload your revised html source:

Invisible .GIF







[Click here to return to Section Index]




All materials at this site are Copyright © 1996 - 1999 Teri Williams Carnright, TWC Graphics Design. All rights reserved.
Use of any material contained herein is subject to stated terms or written permission