Overview of Image Alignment in Adobe CS5 Dreamweaver

The alignment of images and their adjacent text in Adobe Creative Suite 5 (Adobe CS5) Dreamweaver is simple, but the available options may make is seem overly complex.

Images and their adjacent text sit on the same baseline as a default, forcing text to run in one line to the right of the image. To control the wrapping of the text around the image, change the alignment of the image by selecting the image and then choosing an option from the Align drop-down list in the Property inspector.

The Align drop-down list provides these options:

  • Default: Baseline alignment is used (described in the second bullet).

  • Baseline (Default): The bottom of the image aligns with the baseline of the current line of text.

  • Top: The image aligns with the top of the tallest item in the line of text.

  • Middle: The baseline of the current line of text aligns with the middle of the image.

  • Bottom: The bottom of the image aligns with the baseline of the current line of text.

  • Text Top: The image aligns with the top of the tallest text in the line, usually (but not always) the same as ALIGN=top.

  • Absolute Middle: The middle of the current line aligns with the middle of the image.

  • Absolute Bottom: The bottom of the image aligns with the bottom of the current line of text.

  • Left: The image aligns to the left, and text flushes to the right of the image.

  • Right: The image aligns to the right, and text flushes to the left of the image.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Advertisement

Inside Dummies.com

Dummies.com Sweepstakes

Win $500. Easy.