Editor - insert table  

Use these procedures to insert a table in your content editor window.

Inserting a table using the quick insert method

Use this procedure if you want to create the table now but format it later.

1. Click where you want to create a table.

2. On the editor toolbar, click the Insert Table button.

3. Drag the mouse to select the number of rows and columns you want.

4. Right-click in the table to edit and format the table cells, columns and rows..

Inserting a table using the table wizard

Use this method if you want to format the table as you create it.

1. Click where you want to create a table.

2. On the editor toolbar, click the Insert Table button.

3. Click Table Wizard.

4. Complete the settings on the following tabs:

• • Table DesignTable Design

    1. • Plus or Minus Buttons - Use these buttons to add or delete rows or columns.

       • To increase or decrease column or row size, click on the row or column that you want to resize and click the Plus or Minus button.

  • Table PropertiesTable Properties

    1. • Dimensions

    Dimensions are entered either in pixels ( px) or percentage (%). Pixels gives a fixed table size that does not change. Percentage gives a variable table size that is always a percentage of the total content area size. Thus if the window is resized, so is the table.

    Height – This determines the height of the entire table.

    Width – This determines the width of the entire table.

    1. • Layout

    Layout information is used to control the background color of the table, the alignment of the table within the content area and the cell spacing and padding.

    Background – Click on this option to select a background color for the table.

    Alignment – This aligns the entire table within the HTML editor.

    Cell Spacing – This determines the amount of space between cells in the table.

    Cell Padding – This determines the amount of space between the content in the cell and border of the cell.

    1. • Border

    The Border settings allow you to indicate where within the table you would like borders to appear. You can also select the color and thickness of the cell and table border.

    Size – The size (thickness) of the border is set using the Plus or Minus signs at the top right of the Border settings. You can also type in a number to set the thickness.

    Frame and Rules – The buttons around the left and bottom sides of the Border settings allow you to choose what types of borders you want - top, bottom, all sides, around the outside of the table, etc. Hold your mouse over each of the buttons to see the tool tip describing what the button does.

  • Cell PropertiesCell Properties

    1. • Content Alignment - This determines the horizontal layout of the content within the cell.

       • Background - This determines the background color for the cell.

       • Dimensions - This determines the height and width of the cell. You can enter the height and width in pixels by placing a " px" at the end of the number you enter or in percentages by entering a "%" at the end of the number. If you enter a percentage it is a percentage of the total table width/height.

       • Additional - Allows you to add Content to a cell and indicate whether the contents of the cell should Wrap around at the end of each line.

  • AccessibilityAccessibility

    The Accessibility feature adds HTML codes to your table such that it can be read by text readers and other technologies that allow the visually impaired to access your information.

    1. • Heading Rows - enter the number of rows (1 or 2) that contain the row headers. The text in these rows will be read as the row titles.

       • Heading Columns - indicate which columns (1 or 2) contain the column title information. These also can be read by text reading technologies.

       • Caption - enter a one to three sentence description of what the table is about.

       • Summary -  "Summaries are especially useful for non-visual readers. A summary of the relationships among cells is especially important for tables with nested headings, cells that span multiple columns or rows, or other relationships that may not be obvious from analyzing the structure of the table but that may be apparent in a visual rendering of the table. A summary may also describe how the table fits into the context of the current document. If no caption is provided, it is even more critical to provide a summary." (taken from the W3C guidelines at http://www.w3.org/TR/WCAG10-HTML-TECHS/, retrieved 08/10/2005).

       • Associate cells with headers - "For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells." (taken from the W3C guidelines at http://www.w3.org/TR/WCAG10-HTML-TECHS/, retrieved 08/10/2005)

    For more information, see the W3C's guidelines, section 5 Tables.