Make your own free website on Tripod.com


Using A TABLE To Compensate For A Left Border

To move your text and graphics over to the right to keep them from overlapping a left-hand border, enclose your entire page in a Table.

The first Table Data cell <TD> is then set to the correct Width by filling it with a blank GIF whose Width= attribute is set to the proper number of pixels (see below). You can download a blank GIF by right-clicking inside this box (Mac users, click & hold):



The HTML code you'll use looks like the example below, except that the { } are replaced by < >. The "less than" and "greater than" symbols can't be used here, or your browser would think it was supposed to turn this whole example into a table. But you can cut & paste ~ or hand-copy ~ this snippet HERE:

Place this part at the top of your page, right under the <BODY> tag:
{TABLE WIDTH="100%" HEIGHT="100%" BORDER="0" CELLPADDING="0"}
  {TR}
    {TD}{IMG SRC="blank.gif" WIDTH="50" HEIGHT="1" BORDER="0"}{/TD}
    {TD}
Place this part at the bottom of your page, right above the </BODY> tag:
    {/TD}
  {/TR}
{/TABLE}

See where it says WIDTH="50"? That's the only number you need to play with, using higher or lower numbers to make your page clear the border.

Close this window to return to your original page.


Link-back Button
Link to: http://www.hairfish.net

All text © 1999-2004, Hairfish Graphics.
You MAY NOT copy this tutorial to your Web site, but you MAY link to it.
Please contact Hairfish to report problems with this site.