Dreamweaver table nesting

In this example, the following section is a large table with three rows and two columns, and a new table is inserted in some cells. Next we will start to create a table. First, insert a table with three rows and two columns with a width of 590Pixels under the second table. First, let's see how this red line is made. Click in the first cell of the first row, drag the mouse to the right, select the two cells in the first row, and press the M key. , The selected cell is merged into a cell 1 ).

Figure 1 merge cells

On the property Panel, set H to 1 and the background color to red. Press Ctrl + Tab to bring up the HTML source code editing window and display the source at the cursor location. Code: delete the placeholder character "& nbsp;" in the cell, close the HTML editing window, and the first line of the table is displayed as a red line. 2 ).

Figure 2 generate red lines using tables

Next we will create the middle left column. Click the mouse in the first cell of the second row, set the cell width to 110 Pixels, and then insert data in the cell Enter a table. Press Ctrl + Alt + T, set the number of Rows (Rows) to 6, the number of columns to 1, and border = 0, click the drop-down list after the Width, and select "Percent" (percentage), enter 100 in the text box, and click "OK". The inserted table is filled with the first cell 3 ).

<