INTERACTIVEPROOFING.COM

alternating series test proof - www.interactiveproofing.com

Menu


9. Place your cursor in the second cell of the second table and choose Insert, Hyperlink. When the Hyperlink dialog appears,


enter the text This is a really long Option and type the # symbol in the Link text box. Click OK. With everything done, the two tabs should resemble Figure 6.29. Figure 6.29. The two tables that resemble tabs are added to the page. One tab has little text and fits perfectly in the tab. The second tab contains long text that wraps.   Because of the fixed width of the table, the second cell in the second table automatically wraps the contents within it. To allow the tab's size to fluctuate, place your cursor in the middle cell of the second table and choose the No Wrap check box. As you can see from Figure 6.30, the tab's size automatically adjusts. Figure 6.30. The No Wrap check box in the Properties Inspector prevents the table's cell from wrapping to the next line.   The upside to this method is that the tabs will never be smaller than 150 pixels no matter how short the contents. Because you can guarantee that there will only be three images used, the contents within the cells are all that change. You may even want to create a snippet from this design so that you can just drag in the table whenever you want to create a new tab. Aside from setting the No Wrap option in the Properties Inspector, you also saw how to use the Background Image (Bg) in a cell. Although the background image can be set for the entire table, the cell-based background image sets only the background image for the selected cell. Of course, the background color can also be set by choosing the Bg color picker available from the Properties Inspector. To demonstrate this feature, follow these steps: 1. Create a new table by choosing the Table option from the Insert menu. When the Table dialog appears, create a table with 1 row, 1 column, a width of 200 pixels, a border thickness of 5, cell padding of 0, and cell spacing of 0, and click OK. The new table appears within the page. 2. Add a background color to the cell by choosing a color from the Bg color picker in the Properties Inspector. The table appears in a beveled state similar to Figure 6.31. Figure 6.31. Adding a background color to a table that has a border causes the table to appear in a beveled state. [View full size image] Converting a Cell to a Header You've already seen how to work with headers in the Table dialog. Dreamweaver also supports the ability to convert an existing cell into a table header through the use of the Header check box in the Properties Inspector. To use this functionality, simply place your cursor in a table cell and enable the Header check box. The cursor in the cell is centered, and any text typed into the cell is made bold. WHY A SEPARATE TAG FOR A TABLE HEADER? Tables without headers are inserted with the following code:   <table> <tr> <td colspan="2">Header cell</td> </tr> <tr> <td>Cell 3</td> <td<Cell 4</td> </tr> </table>