How to Overlap Image Layers in Dreamweaver

Written by filonia lechat
  • Share
  • Tweet
  • Share
  • Email

Designing a website is like a cross between solving a jigsaw puzzle and creating a collage -- you have quite a bit of free reign to organise the "pieces" of your site, which may include pictures. Take advantage of Dreamweaver's quick graphics import and placement process to overlap your images, giving your Web pages an attention-getting look, creating panoramas and designing something Internet visitors may spend time "puzzling" over.

Skill level:

Other People Are Reading


  1. 1

    Open Dreamweaver. To overlap images on an existing Web page, click the "Open" link, browse to the site and double-click it. Otherwise, click the "HTML" link under "Create New."

  2. 2

    Click the "Insert" menu at the top of the "Dreamweaver" workspace. Click "Image." Navigate to the first image to use for overlapping and double-click the file. Dreamweaver doesn't import multiple graphics at once. Repeat to add all of the other images for overlapping so they appear on the Dreamweaver page.

  3. 3

    Click and drag one image into place on the page to serve as the "anchor" for the other pictures to overlap.

  4. 4

    Drag the next picture so it is overlapping, such as obscuring about an inch of the right side of the first picture.

  5. 5

    Repeat until each of the pictures are slightly overlapping each other in the design of your preference.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.