Positioning Layers

As mentioned previously, none of the layers on your page are in their final position. However, because layers are often stacked on top of each other, they are difficult to edit when they are placed in their final positions prior to finishing their content. That's why you added all the items to your layers while they were all separated. Now it's time to position the layers into their final positions.

The dynamic menu you are building will display a submenu of products when you hover over the Products button and a submenu of support options when you hover over the Support button. You'll want to position the ProdSubmenu layer so that it appears underneath the Products button and slightly overlaps the bottom of the button. You will also want to position the SupportSubmenu layer so that it appears underneath the Support button.

Drag the ProdSubmenu layer so that it appears underneath the Products button and the SupportSubmenu layer so that it appears underneath the Support button, as shown in Figure 25.7. Make sure that the ProdSubmenu layer and the SupportSubmenu layer do not overlap. After you have positioned the ProdSubmenu and the SupportSubmenu layers, select the mainMenu layer and drag it to the position where you want your menu to appear on the page. Notice that as you drag the mainMenu layer, the positions of the ProdSubmenu and the SupportSubmenu layers do not change in their relation to the mainMenu layer. That's the benefit of making those layers child layers to the mainMenu layer.

Figure 25.7. The completed user interface for your dynamic menu.

graphics/25fig07.gif

TIP

If you have multiple layers on top of one another, it can become difficult to select the layers in Design view. By clicking the layer in the Layers task pane, you can easily control which layers you are selecting.




Special Edition Using Microsoft Office FrontPage 2003
Special Edition Using Microsoft Office FrontPage 2003
ISBN: 0789729547
EAN: 2147483647
Year: 2003
Pages: 443

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net