Tables are used in two ways on web pages.
HTML was designed to give the browser a LOT of flexibility in how pages display. Text wrapping is a great strength of HTML, but it can also get in the way.
Problem: How to put things side by side on the page (and make sure they stay there)?
Solution: Put them in a table.
The parts of a positioning table do not have any logical relationship to each other. It's just a trick to keep things in position on the page.
Example of a positioning table:
Below is an illustration of the page you are reading. Dotted lines show the table cells used to position the parts. Sizing these parts can be quite a challenge!
The title text and the image logo for the course are in separate cells in the same row. A blank cell at the left has a transparent image in it to keep the text off of the side border background. Another table puts the text and table of contents in separate cells.
Start with: , hector 20.htm (FrontPage or FPX)
You will create a table to improve the alignment of the top of Hector's page.
Move Image and Text
Some of the formatting is lost. The text in Cell 2 has changed. It is smaller and not bold. Why? You must check the HTML code to see the answer.
In FrontPage, did you notice the extra blank space below the text "My house is your house" in the cell? The text is in Heading 2 format, which includes extra white space below the text. This extra white space keeps the image and the text from lining up nicely. You need to remove it.
Format: Cell Properties
In FPX the image
and text are centered in the table, but you cannot see any change
yet because the table cells are just big enough for what is in them.
The table has a dialog of properties similar to the one for cells. With it you can align the table on the page and set its borders.
Alignment = Center
Specify Width = checked
Specify width = 100 in Percent
Border = 0
The table now stretches across the whole page no matter what size the window is. This choice avoids the problems of unexpectedly wrapping at different window sizes. Now you can see the effect of applying Center to the cell contents. Both the signature image and the text are centered in their cells.
default table already had a width of 100%, but you did get that ugly
border to vanish.
~~ 1 Cor. 10:31 ...whatever you do, do it all for the glory of God. ~~