ptg 198 Chapter 8 Cells can also be split or combined (also known as merged). Often there is more to modifying a table than adding or deleting rows or columns; you need to make cells just the right size to accommodate the text you are entering in the table. For example, a title in the first row of a table might be longer than the first cell in that row. To spread the title across the top of the table, you can merge (combine) the cells to form one long cell. Sometimes to indicate a division in a topic, you need to split (or divide) a cell into two. Splitting and Merging Cells Split a Cell into Two Cells Open the Web page with the table you want to modify. Select the cell or cells you want to split. Click the Split Cell button in the expanded Properties panel. ◆ You can also click the Modify menu, point to Table, and then click Split Cell. Click the Columns or Rows option. Type the number of columns or rows you want. Click OK. Merge Cells Together Open the Web page with the table you want to modify. Click a column, row, or group of adjacent cells, and then drag to select them. Click the Merge Cells button in the expanded Properties panel. ◆ You can also click the Modify menu, point to Table, and then click Merge Cells. The cells merge into a single, larger cell. 3 2 1 6 5 4 3 2 1 1 3 4 5 6 3 1 From the Library of Wow! eBook ptg Chapter 8 Working with Web Page Tables 199 Sorting Table Data Sort Table Data Open the Web page with the layout table you want to modify. Select the table or click in any table cell. Click the Commands menu, and then click Sort Table. Specify the following options: ◆ Sort By. Select the sort option. ◆ Order. Select the sort order (Alphabetically or Numeric- ally), and then select the direction (Ascending or Descending). ◆ Then By/Order. Specify a secondary sort. ◆ Sort Includes The First Row. Select to include the first row in the sort. ◆ Sort Header Rows. Select to sort the header rows. ◆ Sort Footer Rows. Select to sort footer rows. ◆ Keep All Row Colors The Same After The Sort Has Been Completed. Select to keep all row colors the same after the sort has been completed. Click OK. 5 4 3 2 1 If you have a table without merged cells you can sort the rows of a table based on one or more columns. You can table information by ascending order from A to Z, earliest to latest, or lowest to highest, or by descending order from Z to A, latest to earliest, or highest to lowest. In addition, you can set sort options to include the first row and header and footer rows, and keep all row colors the same after the sort has been completed. 4 5 From the Library of Wow! eBook ptg 200 Chapter 8 When you create a table, it's not just about what you place into the individual table cells; it's how you format the table and the individual cells. When formatting tables, you can set properties for the entire table or for individual rows, columns, or cells in the table. You can set table properties to specify the number of rows and columns you want as well as the number of pixels between cells, either CellPad or CellSpace. When a property is set to one value for the whole table and another value for individual cells, cell formatting takes precedence over row formatting, which in turn takes precedence over table format- ting. For example, if you set the alignment for a single cell to center align, then set the alignment of the entire table to left align, the center align cell does not change to left align, since cell formatting takes precedence over table formatting. It's all about priority. Changing Table Properties Change Table Properties Open the Web page with the table you want to format. Select the table you want to change. In the Properties panel, modify the table using the following options: ◆ Table ID. Enter an ID for the table (used when calling from JavaScript). ◆ Rows. Sets the number of rows in the selected table. Click to enter a new value. ◆ Cols. Sets the number of columns in the selected table. Click to enter a new value. ◆ CellPad. Sets the number of pixels between a cell's content and the cell boundaries. ◆ CellSpace. Sets the number of pixels between adjacent table cells. ◆ Align. Determines where the table appears, relative to other elements in the same paragraph, such as text or images. Click to change alignment from Left (default), Center, or Right. 3 2 1 3 1 2 From the Library of Wow! eBook ptg Chapter 8 Working with Web Page Tables 201 ◆ Border. Sets the number of pixels for the border of the table. Click to enter a new value. ◆ Class. Used with CSS (Cascading Style Sheets) to help define the properties of the table. In this example, leave the box at None. ◆ Clear Column Widths and Clear Row Heights. Deletes all specified row height or column width values from the table. ◆ Convert Table Widths To Pixels and Convert Table Heights To Pixels. Sets the width or height of each column in the table to its current width in pixels (also sets the width of the whole table to its current width in pixels). ◆ Convert Table Widths To Percent and Convert Table Heights To Percent. Sets the width or height of each column in the table to its current width expressed as a percentage of the Document window's width. ◆ Bi Color. Sets the table's background color. ◆ Brdr Color. Sets the color for the table's borders. ◆ Bi Image. Specifies the source and path to a table background image. You can click the Browse For File or Point To File button to select the file. 3 From the Library of Wow! eBook ptg 202 Chapter 8 Changing Cell, Row, or Column Properties Change Cell, Row, or Column Properties Open the Web page with the table you want to format. Select the cells, rows, or columns you want to change. In the Properties panel, modify the selection using the following options: ◆ Horz. Click to change the default (left) horizontal placement of items placed within the cell (Left, Center, Right). ◆ Vert. Click to change the default (middle) vertical placement of items placed within the cell (Default, Top, Middle, Bottom, Baseline). ◆ W & H. Enter a value for the width and height of selected cells in pixels, or as a percentage of the entire table's width or height. To specify a percentage, follow the value with a percent symbol (%). NOTE To le t the browser determine the proper width or height based on the contents of the cell and the widths and heights of the other columns and rows, leave the box blank (default). 3 2 1 Cells can contain colors or image backgrounds, and when placing text and graphics, you decide how the information appears within the table cells; however, there is a priority to how the cells are formatted. When a property, such as background color or alignment, is set to one value for the whole table and another value for individual cells, cell format- ting takes precedence over row formatting, which in turn takes prece- dence over table formatting. It's all about priority. For example, if you set the background color for a single cell to green, then set the back- ground color of the entire table to blue, the green cell does not change to blue, since cell formatting takes precedence over table formatting. 3 1 2 From the Library of Wow! eBook ptg Chapter 8 Working with Web Page Tables 203 ◆ No Wrap. Select if you do not want text to wrap between the left and right borders of the selected cell. ◆ Header. Select to format the selected cells as table header cells. The contents of table header cells are bold and centered by default. ◆ Bi Image. Enter the filename for the background image. You can click the Browse For File or Point To File button to select the file. ◆ Bi Color. Click to choose a background color for the selected cells (background color is independent of text color). ◆ Brdr Color. Click to choose a border color for the selected cells. ◆ Merge Cells. Click to combine selected cells, rows, or columns into one cell. NOTE Merging cells can only be accomplished if they form a rectangular or linear block. ◆ Split Cells. Click to divide a cell, creating two or more cells. This option is disabled if you have more than one cell selected. 3 Merge Cells button Split Cell button From the Library of Wow! eBook . might be longer than the first cell in that row. To spread the title across the top of the table, you can merge (combine) the cells to form one long cell. Sometimes to indicate a division in a. Table. Specify the following options: ◆ Sort By. Select the sort option. ◆ Order. Select the sort order (Alphabetically or Numeric- ally), and then select the direction (Ascending or Descending). ◆. have a table without merged cells you can sort the rows of a table based on one or more columns. You can table information by ascending order from A to Z, earliest to latest, or lowest to highest,