Table of Contents

Previous

Next


Adjusting the Space Around Images

You can adjust the white space around images by adjusting the margin and the padding. In terms of the CSS box model, modifying the padding property adjusts the space inside the border area. For example, if you create a border or background color for an image and you increase the size of the padding, the border moves away from the image.

Modifying the margin properties adjusts the space outside the border area. For example, if you create a border or background color for an image and you increase the size of the margins around the image, the border remains the same distance from the image. However, the position of the image changes since there is more white space between the modified image and other elements on the page.

To set the margin and padding of an image

  1. Open your Stationery design project.

  2. On the View menu, click Style Designer.

  3. In Graphic Styles, select the graphic style you want to modify.

  4. On the Properties tab, click Margin.

  5. Specify a value and select the unit of measure for the Left, Right, Top, and Bottom margin properties.

  6. On the Properties tab, click Padding.

  7. Specify a value and select the unit of measure for the Left, Right, Top, and Bottom padding properties.

ePublisher/2008.3/Help/Designing_Templates_and_Stationery/Designing_Stationery.3.65 (last edited 2008-10-11 06:32:44 by BenAllums)