|
How to Keep Text and Graphics Off the Border With a Table
Have you ever been to a page where, when you made your browser window
smaller, the text on the page slid over onto the Lefthand Border Background?
This is especially aggravating when you cannot read the text if it is on the
Border.
You CANNOT do that with the code on this page. To check this, Resize your
browser window ("Restore") and then resize more narrow. You will
see the text adjust (wrap), but it will not slide into the border. Due to the special
tag I use to show the HTML codes below, it will only go so narrow, though, and
then give you a scroll bar.
Keeping text away from the border is done with a Table just for this
purpose.
You place this Table (except for the closing tags) immediately after the Body Tag,
before you put any of your content on the page.
Here is that Table for this page:
|
Your page CONTENT goes here. This Table has one Row, and 2 Columns -
both become as long as you need for the page. The first Column you
make as wide as the Border of your background - where I have width=65
in the first TD above. You also put a clear.gif or blank.gif, which
is transparant, in this first Column. This keeps anything else from
going in there. Usually you make this clear.gif the same width as
the TD, but here I have it width=50.
You must be SURE to add the closing tags last thing before the
closing BODY and HTML tags, or your content will not show in
Netscape, only the Background.
Like this:
|
|