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

Figure 4-24 Repositioned AP div

drag the selection
handle to move the
AP div

repositioned AP di v
snaps to the guide

L (left) value
remains unchanged

T (top) value
changes as you
drag the AP div

Trouble? If the AP div snaps to the guide but isn't at 20px, then you need to
adjust the top location. Select the AP div, type 20px in the T box of the Property
inspector, and then press the Enter key.

◗

8. Click in the Document window to deselect the AP div, and then save the page.

Adding Content to an AP Div
Like other divs, an AP div can contain almost any type of content, including text, graph-
ics, forms, multimedia content, and other divs. You add content to an AP div using the
same methods you use to insert content directly into a Web page. You can also move
existing content from the page to an AP div by dragging it. AP divs must be active to
accept content. To enter text into an AP div, for example, you fi rst click in the AP div to
make it active.
Gage wants you to type TICKETS into the new AP div. This new content will help pro-
mote ticket sales, which is one of the goals for the site. He also wants a user to be able
to click anywhere in the AP div to open the tickets page. You'll add content to the AP div
you created in the home page, and then create a hyperlink to the tickets page.