Extravision Blogsblog

Recent Posts

Categories

Posts

How do you get the perfect list style within emails

March 28, 2011

CSS for list styles are very limited within email clients and will all be rendered differently.  A clear and stylish list can have a positive impact on your overall email design and increase ROI.
The best way to guarantee your list style is to use tables and images for the bullets.



Here is an example of how the style looks:

bullets

Each line is a row in a table with a simple image as the bullet.
Here is a snippet of the code which we used to create the style:

<table width="364" border="0" cellspacing="0" cellpadding="0">
   <tr>
     <td width="17" valign="top"><img src="http://mail.extravision.com/images/bullet.gif" width="17" height="13" /></td>
     <td width="347" style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;">communicate with your customers </td>
   </tr>
<tr>
   ... insert more rows here ...
</table>

Posted by Joel Jarman
Tip of the month


No comments

Comments are closed.

From the Blog

Line height issues in Outlook

Line height is not always consistent when viewing emails in Outlook. This is especially true…

Andrew Chau
March 1, 2017

Are you making the most of your ESP?

If you use an Email Service Provider, you now get some pretty powerful technology alongside…

Jenni Malley
February 10, 2017

Latest Tweets

Facebook IconTwitter IconVisit Our BlogVisit Our BlogVisit Our Blog