Working with tables in eWebEdit400

Creating up to 6 rows by 6 columns

1. Click Table (). A table dialog box appears.
2. Drag the cursor over rows and column to indicate the size of the table.
   —Image—

   

3. Click the mouse.
   —Show what the table looks like—

   

4. Enter text and images in the table cells. You can also select the table and drag its right border to the right and/or down to enlarge it for ease of use.

   NOTE: You can create a table within a table by clicking Table () inside a table cell. To modify an inner table, click inside a cell and use right click menu options, such as Set Table Properties.

Creating more than 6 rows by 6 columns:

1. Click Table (). A table dialog box appears.
2. Click Table Wizard. The Table Wizard dialog box appears.
   —Image—

   

3. To change the number of columns or rows, click the plus or minus signs (+ -) next to Columns and Rows. The image adjusts to show the number of rows and columns.
4. Press OK.
5. Enter text and images into the table cells.

   NOTE: You can create a table within a table by clicking Table () inside a table cell. To modify an inner table, click inside a cell and use right click menu options, such as Set Table Properties.

Deleting a table

1. Move the cursor over the table until the cursor becomes a 4-headed arrow ().
2. Click the mouse button. The table becomes selected (small squares appear around it).
   —Image—

   

3. Press Delete.

Creating a section 508-compliant table

Narrative software uses the information from the Accessibility table fields (heading rows, columns, caption alignment and summary) to produce a Tooltip message for each table cell. Users with impaired vision can see those Tooltips as they hover over the cells.

To create a 508Section 508 Of The Rehabilitation Act - requiring electronic and information technology to be accessible to people with disabilities.-compliant table:

1. Create a new table or edit an existing one.
2. Right click in the table and choose Set Table Properties. The Table Properties dialog appears.
3. Click the Accessibility tab.
   —Image—

   

   —Accessibility tab field descriptions—

   • Heading Rows. If you want your table to have a horizontal header, enter the number of rows that it should occupy. The number cannot exceed five. Beginning with the top, all cells in the specified number of rows are designated as table headers.
   • Heading Columns. If you want your table to have a header, enter the number of columns that it should occupy. The number cannot exceed 3. Beginning with the left column, all cells in the specified number of columns are designated as table headers.
   • Caption Alignment. To choose the caption’s alignment, click the down arrow next to this field. Click the box that represents the alignment style you want.
   • Caption. Enter a table caption. The caption appears above the table. The caption’s alignment is set in the Caption Alignment field.
   • Summary. Enter the table summary. Non-visual browsers use the summary to explain the table’s contents. From HTML Techniques for Web Content Accessibility Guidelines 1.0:

     “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.”

   • Associate Cells with Headers. Check this box if you want to associate the table’s data cells with the appropriate headers. See also: H43: Using id and headers attributes to associate data cells with header cells in data tables
4. Click on the Cell Properties tab to set the Abbreviation and Categories fields.
   —Image—

   

   —Field descriptions for Cell Accessibility—

   • Abbreviation. Sets or retrieves abbreviated text for the content in the tag. Can be used to render non-visual media, such as speech or Braille. For more information, see abbr attribute | abbr property
   • Categories. Sets or retrieves a comma-delimited list of conceptual categories associated with that tag. Can be used to render non-visual media, such as speech or Braille. For more information, see axis attribute | axis property

5. Click OK to make the table Section 508-compliant.

Merging and splitting table cells

• Merge cells in the table wizard.
  —Image—

  

• Merge cells in a the editor by clicking in a cell, then right clicking and choosing Merge Cells Horizontally (row span) or Merge Cells Vertically (column span).
• Split a previously merged cell by clicking in a cell, then right clicking and choosing Split Cell.

Inserting and deleting rows and columns

1. Place the cursor in the cell from which you want to add or delete rows or columns.
2. Right click the mouse. A menu appears.

   

   NOTE: These options are also on the toolbar.

Setting table borders

1. Right click in the table and choose Set Table Properties.
2. Click the Table Properties tab.
3. Use the icons within the Border area to indicate which border lines should appear. Each icon has tooltip text that explains its function.
   —Image—

   

   NOTE: To view the selected borders on the dialog, a border color must be assigned.

Setting the exterior border of a table

1. Right click in the table and choose Set Table Properties.
2. Click the Table Properties tab.
3. Enter a number of pixels in the Border field.
   —Image—

   

Setting the color of a table border

1. Right click the table and choose Set Table Properties.
2. Click the Table Properties tab.
3. Click the Border Colordrop-down. A color selection box appears.
4. Click a color to apply to the table’s border.
   —Show an example—

   

Deleting cells from a table

To delete one or more cells, right click in the cell you want and choose Delete Cell. Cells to the right of the deleted cell shift left to occupy the vacant space.

Before

After

Aligning the contents of a cell

1. Right click the cell you want and choose Set Cell Properties. The Cell Properties dialog appears.
2. Click the down arrow to the right of Content Alignment. The alignment choices appear.
   —Image—

   

3. Click your alignment choice.
4. Click Update.

Setting the word wrap feature

1. Right click in the cell you want and choose Set Cell Properties. The Cell Properties dialog box appears.
2. To turn off Word Wrap, click the No Wrapping checkbox.
   —Image—

   

   —Word wrap on—

   

   —Word wrap off—

   

3. Click Update.

Word Wrap causes text to move down to the next line when the width of the characters on a line equals the column width. By default, all cells have the Word Wrap feature turned on.

If Word Wrap is turned off, text stays on one line until you press Enter.

Setting cell padding and spacing

1. Right click in the cell you want and choose Set Table Properties. The Table Properties dialog appears.
2. Click the Table Properties tab.
3. In the Cell Padding and Cell Spacing fields, enter the number of pixels.
   —Image—

   

4. Click Update.

Setting the minimum height and width of a cell

1. Right click on the cell you want and choose Set Cell Properties.
2. Click Cell Properties. The Cell Properties dialog appears.
   —Image—

   

3. Enter the cell width and height in the fields. You can enter the width in pixels or percentage.

   NOTE: When you set a cell width, there is no guarantee that the cell will occupy that width when displayed in a browser. This is because the cell is part of a column, and changes to other cells in the column can affect the cell whose width you set. Setting cell width only guarantees that the cell will not be less than the width you specify.

4. Click Update.

Setting a background color for a table or a cell

1. Right click in a table cell and choose Set Table Properties.
2. Click the Table Properties tab (or the Cell Properties tab).
3. Click the Background drop-down list. A selection of colors appears.
   —Image—

   

4. Click a color for the table’s background. To choose no color, click the X color box.

   NOTE: From the drop-down, you can add custom colors by selecting a color patch or entering a color’s hex value. Follow these steps to get help on how to use the color box. The custom colors box is only available with Internet Explorer. If you are using Firefox or Google Chrome, you can enter a custom color by its hexadecimal value.

Setting a background image for a table or a cell

1. Place the cursor within the table.
2. Right click the mouse.
3. Select Set Table Properties.
4. Click the Table Properties tab (or the Cell Properties tab).
5. In the Background Image field, click the ellipsis button () to open the Library. From there, select an image for the table’s background.
   —Image—

   

6. Click Update.

Setting a background color for a table row or column

1. Right click on a table cell and choose Set Table Properties.
2. Click the Cell Properties tab.
3. Within the Table Wizard dialog, hold down Ctrl while clicking all cells in the row. In the following image, the second row from the top is selected (dark gray) and red is chosen for the background color.
   —Image—

   

4. Click a color for the table’s background.
5. Click OK.