Web Page Help >>> Page Control

Control the placement of text and other items

• keep the text off your side border
• control the minimum width of the areas within the table
• control the maximum width of all parts of your page (using side-border or not)

The ONLY disadvantage to using tables is - it slows down the loading of your page. To compensate for that - put SEVERAL identical tables on your page. Break up your page's contents into 3, 4 or 5 "parts" (depending on the length of your page). That will make the tables load MUCH quicker and your visitors won't notice much of a difference!!

For ALL these examples ....

while your're working on your page in a WYSIWYG, or other editor, if it makes it easier for you to check the layout in your browser view, make the TABLE BORDER=1 It will look like this 'boxes' here when you check the "page view"

[I left the table border=1 in these examples shown] .

Before you upload your page, change that to TABLE BORDER=0 and it will disappear and your visitors will never see it (unless they look at your document source coding.)

One note, SOME browsers will collapse table cells if there is nothing inside of them. So, to be sure that doesn't happen for your visitors, where you NEED to keep a cell open, either put in a non-breaking-space '& n b s p' (no spaces between those characters/letters!) or insert a clear pixel gif in the cell you want to keep open. Like in the cell that goes over your side-border image part of your background.

RIGHT click in the box below, save the clear pixel gif inside, to your computer to use where you need it.

Idea #1 works for people who use the left side border background and is the simplest one to do!

BUT if your pages are at Geocities, see idea #2 or #3!

NOTE - in the examples shown here, plain numbers are the HTML standard to represent pixel width. A number followed by the % sign, means just that - a percent of the whole.

<DIV ALIGN=right><TABLE BORDER=0 WIDTH="80%" HEIGHT="100%">
<TR>
<TD>
start text here ... {from above}You put <B>all</B> of your text and graphics into a table ...
and add what you want, text, graphics, etc to your page. When you're done, you finish it off with:
</TD></TR></TABLE></DIV>
</BODY></HTML>

Hint - tables DO take longer to load on a page -- Break your page up into 2, 3, or 4 of these tables - the page will load a LOT faster !!

<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="600" HEIGHT="100%">
You can vary the width of the entire table. Remember though, there is still a large amount of people using 13-14" monitors and are using 640X480 resolution (640 pixels is the maximum width that they see without scrolling sideways).
<TR><TD WIDTH="10%"> [ OR use pixels : WIDTH="50" ]
Makes the left section 10% of the total table size. Leave this area text-less. Looks like you have "indented" your text a bit. You can play with the %'s to suit your taste.
</TD>
<TD WIDTH="90%"> [ OR use pixels: WIDTH="550" ]
Put the entire "body" of your page in here. It will stay this same width no matter WHAT your visitor's resolution is set at. It keeps your page looking exactly as YOU see it, and as you want it to be seen by others. No wider, no narrower than what you want displayed.
</TD></TR></TABLE>
</BODY></HTML>

www.AutumnWeb.com SITEMAP