What we'll do here is create a table that acts as columns, in other words, tables that control the layout of the entire page. To do so:
-Insert a table that spans the whole page.
The above two ways of implementing a table may seem very alike-after all, 100% and say, 600 pixels seems to be the same width on one screen-but, they are, in fact, VERY different.This is very important to grasp eventually, but not just yet. I don't want to confuse you before you are comfortable with creating columns. I'll say this though:
While for the most part, you are free to use a table=100% to define a table to cover a full page, when creating left bordered pages using an image as the background , ALWAYS use Pixels instead to define you outter table, preferably pixels=600. The reason is simple: When you use percentage=100%, it is 100% relative to the screen resolution of whoever is viewing your page. This means it is highly possible that when your page is "stretched" to cover the full length of someone's screen, a left bordered page will end up looking like a center bordered page with text extending out of the left strip of the background image. (Trust me, its not a pretty sight) It'll ruin your day. Using pixels, however, means it will not stretch your page, since, like cm or inches, pixels is a set way of measuring things. So always start off with an outter table using pixels, and the alignment should be "left" when defining columns for left bordered pages with a background stripped image as background. |
(More of this will be talked about in the future.)
Lets create left bordered columns one step at a time then.
First, I'm going to define an outter table of 593 pixels (as long as it is close to 600 pixels ), the table alignment being "left.".
table =593 pixels. |
From here on, everything within the table can be defined either through pixels or percentage, since everything inside is "contained" within this table.
Since we want a page with a left bordered column, it it logical to start off and split the above column into two columns..
cellA=50% | cellB=50% |
- Here comes the cheesy part: Guessing how wide the left border is (The pink strip).After several attempts, here's what you'll get: (Select split cells to divide table)
cellA=23% | cellB=77% |
- You may think you can begin typing text into cellA and cell B now... you can, if you want the text of cellB to be right NEXT to his relative cellA, like this:
cellA=23% | Hello CellA. I am your relative CellB, and I would love to be real close to ya..could you lend me 20 bucks? |
Not a pretty sight, hay? The point is, you should create a little space between the two cells, sort of like a margin, to make it look better. Lets give them a 3% distance, and subtract that 3% from cellB.
cellA=23% | 3 | cellB=74% |
You do not have to do it this way...other alternatives to create margin include using an image as a place holder to create space between cellA and cellB, or using the Cellspacing selection.
- Now that everything looks real dandy,
lets put some stuff in it!
My favorite Links! Sports ESPN Sports NBA NBCSports Download 32-bit windows ZD Net download.com Jumbo PCWorld Game Gamespot Happy Puppy Win Mag ZDNET Windows Mag techweb |
Canada's online yellow pages: CANADA 411 Canada online white and yellow pages. Pro: Fast, easy why to find street addresses. Con: Does not allow you to search using phone #s.You have to at least know that person's phone number. Nobody wants to have to search through those thick phone books to find the address of a friend or a business. CANADA 411 comes to the rescue by providing an online alternative. Brought to you by BCTel and many other phone giants, this service is free, and yours for the taking. After you have entered the name, province, and city, CANADA 411 gives back the person you want...and a whole lot more. To avoid wasting time strolling through all the garbage to find that person, use the "Find" button in Netscape. (It's on the tool bar). Type in the phone # directly into the Find button, and you'll jump directly to that person. |
Don't forget that the border in real life =0. You don't want that ugly border to reveal itself in this case.