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

How to craft the perfect re-engagement email: Topshop example

In an ideal world, everyone on your list would be eagerly awaiting your email. They…

Jenni Malley
June 1, 2017

How To Get Your Perfect Email Template

If you send email campaigns then you probably use a template. Not every email campaign…

Jenni Malley
May 12, 2017

Latest Tweets

Get in touch

Extravision
Tomorrow
MediaCity UK
M50 2AB
Find us on Google maps

Main: +44 (0) 161 817 2929
Support: +44 (0) 161 817 2930
Email: [email protected]

Social

Facebook IconTwitter IconVisit Our BlogVisit Our BlogVisit Our Blog