Styling Guide for Tables

Creating a Table

 

HOW TO:





Click the Insert/Edit Table button on the toolbar.
table-step-1




In the Insert/Edit Table dialog box, specify the number of columns and rows needed. Set the width to 600px. The width can be adjusted as necessary.
table-step-2





Click the Advanced tab.
table-step-3





Under the Advanced tab, type gradient-style in the ID text field.
table-step-4





Click the Insert button in the bottom-left corner of the Insert/Edit Table dialog box.
table-step-5





Add the table's contents. Use the formatting tools as necessary (Bold, Align Left, etc.).
table-step-16





The table will look similar to this on a webpage.
table-step-17
Optional:




To create a row with one heading, highlight the entire row. Then click the Merge Table Cells button on the toolbar.
table-step-6





Type the heading and click the Table Cell Properties button.
table-step-7





In the Table Cell Properties dialog box, select Header from the Cell Type dropdown menu.

table-step-8





Click the Update button in the bottom-left corner of the Table Cell Properties dialog box. Click OK when asked if you want to continue without specifying a scope.
table-step-9





The heading should look similar to this in the WYSIWYG.
table-step-10




For a row with multiple headings, do not merge the row's cells. Type the individual headings into the desired cells and perform the steps listed above for each.
table-step-11





The headings should look similar to this in the WYSIWYG.
table-step-12





Continue adding the table's contents. Use the formatting tools as necessary (Bold, Align Left, etc.).
table-step-13





A table with a single heading will look similar to this on a webpage.
table-step-14





A table with multiple headings will look similar to this on a webpage.
table-step-15