Resizing layers

Resizing layers

You can resize an individual layer, or simultaneously resize multiple layers to make them the same width and height.

If the Prevent Overlaps option is on, you will not be able to resize a layer so that it overlaps with another layer (see Preventing layer overlaps).

To resize a layer:

  1. In the Design view, select a layer (see Selecting layers).
  2. Do one of the following to resize the layer:
    • To resize by dragging, drag any of the layer’s resize handles.
    • To resize one pixel at a time, hold down Control (Windows) or Option (Macintosh) while pressing an arrow key.

      The arrow keys move the right and bottom borders of the layer; you can’t resize using the top and left borders with this technique.

    • To resize by the grid snapping increment, hold down Shift-Control (Windows) or Shift-Option (Macintosh) while pressing an arrow key.

      For information about setting the grid snapping increment, see Using a tracing image.

    • In the Property inspector (Window > Properties), type values for width (W) and height (H).

Resizing a layer changes the width and height of the layer. It does not define how much of the layer’s content is visible. To define the visible region within a layer, see Setting layer preferences and properties.

To resize multiple layers at once:

  1. In the Design view, select two or more layers (see Selecting layers).
  2. Do one of the following:
    • Select Modify > Align > Make Same Width or Modify > Align > Make Same Height.

      The first selected layers conform to the width or height of the last selected layer.

    • In the Property inspector (Window > Properties), under Multiple Layers, enter width and height values.

    The values are applied to all selected layers.

Related topics

  • Moving layers
  • Aligning layers
  • Using a tracing image

Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Laying Out Pages with CSS
Managing Templates
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly