Precautions for displaying links and images correctly

To help ensure that email and landing pages display consistently in email clients and browsers, use the style attribute to format images and links. Define the style attribute in the HTML tags that you put in templates to create zones or reference labels.

You can add the following HTML elements to the style attribute in a template or define them as custom attributes when you override template formatting.

  • Height
  • Width
  • Border
  • Color (for text links only)
  • Font size (for text links only)
  • Font family (for text links only)
  • Background

For example, to use a span to define a zone where you expect to drop images, you can construct the tag as follows.

<span id="banner" style="height:50px;width:350px;border:5px DarkBlue solid"></span>

To define a zone where you expect to drop text links, you can define a tag as shown here.

<span id="promoLink1" class="droppable" style=“background:azure;border:1px darkGreen solid;color:crimson;font-family:arial;font-size:14pt">Drop promo links here</span>