Using CSS for Page Layout Working with Floating and AP - New Perspectives on Adobe Dreamweaver CS5, Comprehensive - page 220

◗

3. In the Document window, click a blank area outside of the AP divs to deselect
them. See Figure 4-39.

Figure 4-39 AP divs top aligned

top of available AP
div aligned to top of
tickets AP div

◗

4. Select the available AP div and use the arrows to move it up and to the right, if
necessary, align AVAILABLE text so that it is positioned above TICKETS text and
centered, then click outside the AP divs to deselect it. See Figure 4-40.

Figure 4-40 AP div text centered

Available AP div text
centered and above
the TICKETS text

◗

5. Save the page.

Positioning Elements Using the Grid
You can also use the grid to help you adjust the position of elements in a Web page. The
grid is a series of parallel horizontal and vertical lines that overlap to create equal-sized
squares in the background of the Document window. The grid, like guides, helps you to
position or resize AP divs or other objects. The default is for the grid to be hidden, but
you can display it as needed. You can also change the size of the grid squares to align
elements more precisely by adjusting the grid's line spacing in the Grid Settings dialog
box. You can also use the Grid Settings dialog box to change the grid's appearance.
You will view the grid.