Tables allow you to organize data on your webpages. They create a
grid through with rows and columns. While tables can be useful for
organized data, they create some problems for people with non-standard web browsers.
Tables should never be used solely for layout.
Inserting tables
Clicking the "Insert Table" button (
)
opens a pop-up window giving several options for your inserted table. The only
required fields are "Rows" and "Columns," as these determine the size of your
table. Unless you desire special formatting, other fields should be left blank. Clicking "Ok" will insert a table with the chosen specifications into your
web page.
Editing Tables
Clicking
on a table will show it outlined by nine boxes, with one control above
and one to the left of cell you clicked on, similar to the image to the
right. Clicking and dragging on the squares will enlarge your table by setting
a width and height. This is not recommended because setting a width and height makes tables more
difficult to change in the future.
Clicking on an arrow will add a row or column above, below, left or
right of the current cell, and clicking on the "x" will delete the
current column (for the left control) or row (for the right).
Note: Adding and removing columns with the inline controls causes
problems with cell widths. Use the insert/delete column buttons (
and
) instead.
To remove a table from your page you must delete all of the rows and columns. Highlighting the table and hitting delete will not work.
The "Table, Row and Cell properties" icon (
) opens a pop-up window with three tabs, where you can change several properties
of your table.
How borders work
By default, tables in the College's web site are set to collapse
their borders, which means if different parts of the table have
different border settings, borders will overlap to form a grid. By
unchecking the "Border Collapse" box in your table properties, you may
change this behavior to separate borders, so that you will be able to
see a border for the table and a border for each individual cell.
| Lorem ipsum, Dolor sit amet |
| Lorem ipsum, Dolor sit amet |
| Lorem ipsum, Dolor sit amet |
| Lorem ipsum, Dolor sit amet |
I'm having trouble!
Tables
are very complex, and they are difficult for the WYSIWYG editor to
manage well. The best solution is to avoid using tables whenever another
option exists, and to never use them to layout text.
