• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Adding a Layer

You create a CSS layer when you define an object with a unique ID and give it a position type (absolute or relative), usually associated with a <div> tag (see "Creating an Object" in Chapter 11). Dreamweaver gives you easy access to controls for layers.

To add a CSS layer to a Web page:

1.
With the document window open in layout mode, or layout and source mode, drag the Draw Layer icon from the Objects palette and drop it in the document window's layout pane (Figure 19.17).

Figure 19.17. Add a new layer to your Web page by dragging the Draw Layer icon from the Objects palette to the document window.


The layer now appears as a rectangle in the document window.

2.
Move the mouse pointer to any edge of the layer so that the I-beam pointer changes to a hand (Figure 19.18). Then click to select the layer, or drag and position the layer anywhere you want in the window.

Figure 19.18. To select the entire layer, click any edge.


3.
To change the size of the box after you have selected it, drag one of the handles on any side or corner of the layer (Figure 19.19).

Figure 19.19. You can change the width and/or height of a layer directly by dragging the handle on its side.



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint