|Enables you to ...
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 ....
Idea #1 works for people who use the left side border background and is the
simplest one to do!
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.
will have to 'pretend' that the white area here that is outlined, is the WHOLE width and length of your page. Depending on your resolution, the
text does stretch wider, or will be narrower - and will be wider or narrower for your visitors, depending on THEIR resolution ...
<DIV ALIGN=right><TABLE BORDER=0 WIDTH="80%" HEIGHT="100%">
Idea # 2, another way ...
|This is the "left section"||<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%">|
<--Coding above is the "left section" - if you're using a side-border, don't put text in here! But some browsers 'collapse' empty cells, so to be sure your cell stays OPEN to that size, put a non-breaking space in there, code shown above ( & n b s p ; ). OR, put a CLEAR PIXEL gif in there to hold it open to that size. Clear gifs can be REsized to be any size height=1 width=120, etc. If you don't have one, there is one above that you can save to your computer.
On the other hand, if you want some buttons to run down the side
(home, this page, that page, email, etc)
that IS where you'd put them, doing a <P> before each one,
or a <BR> after each one so they stay lined up!
This is in the "right section" where ALL the content for the page goes, then end your page with:
Idea # 3, yet another way ... This is a two-section table, used when you want a minimum
width that your page will display (will hold the minimum sizes, no matter what resolution your visitors are using, AND won't condense no matter 'how much' their viewing window is open).
|<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=600>|
This is the left side section, remember,
no text here if you're using a side border
but DO put in a non-breaking-space or a clear pixel gif sized to the size you want to 'keep open'
Put all your "body text" here, which will appear in the right side section
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 !!
Idea # 4, and yet another way ... (I'm done after this one ... promise!)
|If your site
doesn't use a side-border background, but you want to your page to stay the same width, no matter WHAT your visitor's resolution
is set at, this method works well. It will keep your page looking exactly as YOU see it, and as you want it to be seen by others. This method
is used my most information sites - like Microsoft, Netscape, news places like ZD Net, most search engines, etc. If the "big guys" use
it (because they don't want their pages looking crappy to any of the thousands of visitors, all using different monitors, resolutions, browser
window sizes, etc) ... maybe it's worth considering for YOUR pages as well?
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="600" HEIGHT="100%">
Remember, once you're all done with the page and ready to upload it, change the <TABLE BORDER=0> to Zero, and it will disappear! These step-by-step instructions will take only three  pages to print (you don't need the stuff below here ...), well worth the cost of paper!
Return to where you were ... or continue on your way ...
|Web Page Help / HTML Help + Information © 1998 Roxy Flanagan|
|HTML Info||Hints + Tips||HTML tags Basics||HTML tags Advanced||HTML colors|
|Tables||Page Control||Resolution||Browser Info||Validating HTML|
|AOL graphics + browser problems||Links to More Helpful Information|
HTML + Web Page Help Webrings
Background © 1998 by Roxy M. Flanagan.