Dreamweaver Tutorials > Day Three > Page 3

Making a Table Inside a Table

To make more advanced pages or designs, it is often common practice to make a table inside of a table. This leads to more complex page coding and a bit more confusion when working with the tables.

Create a 2x2 table like the ones you've used before. It should look something like this:

Row 1, Column 1 Row 1, Column 2
Row 2, Column 1 Row 2, Column 2

Now, select a cell of the table to place a new table inside of. Lets use Row 1, Column 1. To insert your new table, go to Insert->Table just like you would regularly. In the Table Insertion dialogue box, enter the values for another 2x2 table with cellpadding 2 and cellspacing 2 once again. This time, however, set the width to be 100%. You'll note that your table from before takes up 50% of the page width. Making the table within that one will not stretch the width of its "parent" table, but rather the percentage defined for that width will take up that portion of the cell.

The dialogue should look something like this:

Image
Click on the thumbnail to enlarge...

My table ended up looking like this:

Row 1, Column 1 Row 1, Column 2
Row 2, Column 1 Row 2, Column 2
Row 1, Column 2
Row 2, Column 1 Row 2, Column 2

Back to Page 2


This web page created, developed, and maintained by Kyle Spahn and Mr. Krebs.