Basic Editing >Advanced Tables

Watch the Video

Play Video () [02:11:00] Print Page

Please watch the video for the complete 2 hours guide to editing pages.
(Using the Document Editor; includes basic formatting, Images, Links, Tables, and some advanced options.)

Quick-read Supporting Documentation

Cellpadding
Cells in HTML has padding that keeps words from crashing into a cells wall.

In the above table, the cellpadding is set at 10 pixels. The whole table has to have the same padding setting. Notice Cellpadding is a modifier of the tag.

Cell Spacing
Cell spacing is the individual space between cells, spacing is another table-wide attribute, and so must be added to the tag.

Notice that the above table only has cellpassing 10px, and cellspacing 8px.

Background Color
The BGCOLOR modifier can be applied to <table>, <tr> or <td>, by selecting the entire table, click style, color on the second block.

By selecting the text the background color will only applyed on the <td>

Border Color
Both the table and cell has a color-changeable border. The modifier for border color is simply:

BORDERCOLOR is often used to make one border disappear by matching it to the pages background color.

Alignment Within Cells
By default, HTML aligns text to the vertical center of each cell. If you have one cell with more information in it then an adjacent cell, youll get a table that looks like:

Of course, you may want your text to align vertically to the top of  your <td> s. You can do that by using a Vertical Alignment modifier in a <td>, You can choose between TOP, MiDDLE, and BOTTOM, the following table is utilizing the td valign =" top"
You can do this by selecting the td, Table and cell alignment.