Wrong Display Of Html E-mail In Outlook
I created an html e-mail with the following code:
Outlook ignores
max-width
is ignored by Outlook.padding-top
is ignored by Outlook.width
and height
in a style sheet. Use <img width="180" />
instead.This works consistently across every email client. It may not be the way I would code an email, I would rather put the image and text in their own <td>
for better manipulation, but based on your important html test, I wanted to demonstrate a way to make things work.
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600">
<tr>
<td valign="middle" style="padding: 20px; background-color:orange;">
<img src="http://placehold.jp/500x710.png" width="127" height="180" align="right" style="display:block;">
<p style="font-size: 40px; padding-left: 10px; margin-top: 0px;">This is my important<br>html test</p>
</td>
</tr>
</table>
Good luck.
Post a Comment for "Wrong Display Of Html E-mail In Outlook"