Dreamweaver Insert AP Div

Source: Internet
Author: User
Tags dreamweaver

an AP div overview

Using the absolute positioning property in a CSS style sheet.

The tag is called AP Divdreamweaver CS in the AP div is Dreamweaver in the older version of the layer AP Div can be understood as a page floating on the page can be placed anywhere in the page can move these positions and their positions can overlap or arbitrary control of the AP Div front and back position display and hide so greatly enhance the flexibility of web design

In the Web design, the page elements are placed in the AP Div and then the location of the AP Div can be accurately positioned on the page to achieve accurate positioning of the page content so that the page content on the page arranged neatly and beautifully organized

Two insert AP Div

Open an HTML document Click Design View and then click the Insert menu to select a Layout Object command to select the AP div entry in the Pop-up submenu

Or select a layout item in the Insert panel click the Draw AP div icon as shown in the following image

Click on the Window menu to select an Insert to open the Insert Panel

Click to draw AP div button after the mouse shape into 10 in the page where you want to insert AP div Click the left mouse button drag the mouse to underline the rectangular area and then release the mouse can be shown in the following figure

  Three insert multiple AP Div

If you need to insert multiple AP div in a page, hold down the CTRL key and click the Insert panel to select a layout item click the Draw AP div button to add multiple ad div at once in the page as shown in the following illustration

 Four Create nested AP Div

Setting Preference Parameters

Click on the Edit menu to select the Preferences command to open the Preferences dialog box as shown in the following image

Click the AP element entry in the category dropdown box

Nested items are checked in the AP div after creation

Click OK button to close the Preferences dialog box

Set AP Element

Click on the Window menu to select the AP element to open the AP element panel as shown in the following figure

Unblock prevent overlapping items

Draw nested AP Div

() Click the Draw AP div button to drag the mouse in the Design view of the document to draw an AP Div area

() Click the Draw AP div button again to drag the mouse in the AP Div area that has been drawn and draw a new AP Div area This AP div is embedded in the previous AP Div as shown in the following figure

() You can view the source code in Code view

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.