Knowledgebase: Web Page Editor
Table: Editing a Cell
Posted by on 17 December 2010 03:21 PM
Editing a Cell

EDITING A CELL

When editing a cell with the NE1 web builder, there are many options available. To begin with, a “Table Cell Properties” window is provided and the “General” tab contains the most basic of cell options:

  • Alignment: This option allows you to set the text or image alignment for the cell – similar to a word processor’s alignment choices.
  • Cell type: The choices offered here are specifically designed for non-visual screen readers. Choosing “header” connects information regarding this cell to other related cells, rows, or columns. Choosing “data” (default) makes the cell a standard table cell.
  • Vertical alignment: This option allows you to set the vertical text or image alignment for the cell.
  • Scope: The scope attribute applies when the “Cell type” chosen is “header”.  These features are specifically designed for non-visual screen readers.  When “header” is chosen, it provides information on the number of rows or columns determined by the scope choice. For example:
    • Row: when the header information is for the rest of the row
    • Col: when the header information is for the rest of the column
    • Rowgroup: when the header information is for the rest of the rowgroup
    • Colgroup: when the header information is for the rest of the column group

NOTE: this features and capabilities are new to the latest version of HTML and are not always supported in all browsers. Use with caution.

  • Width/Height: As the name suggests, these determine the size of the cell. Note: the size of the entire table will take precedence over the size of the cell. Sizes larger than the table will allow will be adjusted to fit.
  • Class: This is an advanced field for use by webmasters who have chosen to use CSS styles and have defined a class in those styles.
  • Update current cell: Choose whether you want to apply the above characteristics to a single cell, a row of cells, or a column of cells.

EDITING A CELL - ADVANCED

Advanced Cell Editing

The advanced tab provides advanced web designers with options relating to the graphical design of the cell and the use of style sheets (CSS).

  • Id: This is a method to identify cells with a unique name for the purposes of using javascript or other programming languages. There cannot be another cell (or any other HTML tag) this ID. JavaScript uses these unique ID\'s to find the cells that you want to have affected by the script.
  • Style: This is used to insert a reference to style sheets being used to help define the cell and/or the web page itself.
  • Language Direction: Like the same feature on the page editor, this feature allows the use of languages that move from right to left within the cell.
  • Language Code: This is used to designate a specific language being used when using script to define elements of the cell.
  • Background Image: The cell can use images for its background. Click the small folder icon to choose an image to use.
  • Border Color: Click the box to the right to choose the desired color for the border of the cells – depending on your border options.
  • Background Color: Click the box to the right to choose the desired color for the background of the cell. Choosing a table background color helps to set the cell apart from the rest of the table.

*Note: Support for teaching, developing and debugging CSS is not included in the regular OurChurch.Com technical support. If you with so to use CSS and need assistance, OurChurch.Com is available to help with the purchase of maintenance hours.