Creation of New Tag Styles in Adobe CS5 Dreamweaver
Creation of Class Style in Adobe CS5 Dreamweaver
Adobe CS5 Dreamweaver CSS and Browser Compatibility

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
Adobe CS5 Dreamweaver Site Reports
Image Rollovers in Adobe CS5 Dreamweaver
Adobe CS5 Dreamweaver Property Inspector Tool
CSS Layout Modification in Adobe CS5 Dreamweaver
Adobe CS5 Dreamweaver HTML Basics
Advertisement

Inside Dummies.com