Edit/Align Images in Tables

If you are struggling with your image alignment, you are in the right place! Here are the secrets for well aligned images. Having a consistent approach to working with images will create common practices for your team and reduce the risk for unexpected rendering problems.

Editing Image Properties

After you select the image, the image properties dialog box displays with some of the fields populated. 

The Image URL is the path to the image stored in the asset manager. You can also add an image hosted on another website if you know the URL. The Alt Text is the text that appears when a user hovers over the image.

The width and height Dimensions are the most important part. Make sure that the width of the image is smaller than the width of the table that will hold the image. If the image is wider than the table it's supposed to go in, this will create rendering problems. There is also a field to enter a height value for the image - we recommend leaving the height field blank.

You can also adjust the Alignment and Display of the image. Click Insert once all desired fields have been completed.

Aligning an Image

In addition to setting the alignment as shown above, it's always a good idea to also align the table that contains the image. This is a two-step process. The alignment needs to be set at both the table level and at the cell level.

Right-click on the table that contains the image. Select Table Properties.

Choose the type of alignment you want and click Ok.

Right-click on the table containing the image again. Select Cell > Cell Properties.

Choose the same alignment that you selected to use in the Table Properties.

Click Ok.

Placing Images in Tables Makes Everyone Happy

When you make it a practice to always place images in tables, everyone will be happy. You'll be happy about the great design of your email. Your boss will be happy. And, most importantly, your subscribers will appreciate that your images aren't jostling up the rest of your message!