Top Email Design Tricks 2011

    by Paul Shuteyev
    06.10.2011
    Black-And-White-Email-IconHey guys,
    Hope you're doing great! I want to provide you with important email design tricks that will help you to boost your email marketing campaigns. All these email design tips provide you with the guarantee that your emails will appear as you want them to, actually, this is how you can optimize your email design so it looks great on all email clients.


    • Nested Tables is a must. This will make it way easier to change your layout in future.
    • Avoid CSS Overdose. Some of email clients support CSS, some not, so try not to overdose with CSS, it's better to use HTML attributes.
    • Inline CSS > Internal CSS. Some of Gmail and Outlook email clients do not understand inline css, so if you have some it will be just ignored. It's better to use internal CSS instead.
    • Forget about Background images. Microsoft Outlook doesn't support html or css backround images, and all your images will be ignored - this may affect your design. Use background color if required.
    • Hotmail and Gmail image phenomenon. You should know, that Hotmail and Gmail add margins to all embedded images. You can easily fix this by adding a piece of inline css code. <img src="yourimage.jpg" style="display:block;" alt="very best image" width="150" height="150" />
    • Prohibit Iphone to resize your texts. Few mobile devices such as iPhone resizes texts for all incoming emails. You can aeasily prevent this by adding following css code: p { -webkit-text-size-adjust: none; }
    Written by:
    Paul Shuteyev
    Back to blog
    Comments (0)
    Subscribe to our news

    Subscribe to us and you will know about our latest updates and events as just they will be presented