Cell button, located on the Layout Insert bar. The cursor changes to a crosshair when you move the mouse over the document area, indicating that youre ready to draw a table cell. 4. With the mouse pointer on the document, click and drag to draw a rectangular shape anywhere on the page for your first table cell (see Figure 6-3). The cell is drawn, and its surrounding table structure is automatically generated. A grid representing the table structure and other table cells appears. 5. Draw another cell anywhere on the page by clicking the same Draw Layout Cell button again and then clicking and dragging to create the new cell. Again, other cells are automatically generated to position the new cell where you have drawn it. You can draw as many new cells as you want. To continue drawing cells without having to go back each time and reselect the Draw Layout Cell tool, press the Ctrl key (" on Mac) while you draw cells to retain the tool. 6. Click to select any of the cells on the page and enter text, an image, or any other element. You can enter anything in a table cell that you can enter on a Web page. Chapter 6: Coming to the HTML Table 157 7. Click to select the border of any cell and drag to move it to a new location. To resize a cell, click one of the small boxes at the corners or middle of each table side and drag to enlarge or reduce the cell. Depending on where you started drawing table cells, Dreamweaver may create table cells around the cells you created to maintain their positions on the page. For example, in the table shown in Figure 6-3, although I have one new cell, Dreamweaver fills in the gaps by automatically creating more cells. A tables default position is the upper-left corner of a page, so in order to maintain the position of the cell I drew, Dreamweaver had to create additional cells to the top and left of the cell. HTML doesnt allow you to place things anywhere on a page unless you use table cells (or layers) to control their placement. Empty cells that Dreamweaver creates to fill space in a table merely act as spacer cells and dont display in the browser as long as the table border is set to 0. In this way, a table creates the illusion that page elements can be positioned independently on any part of the page. Figure 6-3: When you use Layout mode to draw a table cell, such as the cell highlighted in this figure, the table structure and additional cells are automatically generated around it. 158 Part III: Advancing Your Site