SOLVED

Re: Html appears differently on email preview than in inbox

Go to solution
Anonymous
Not applicable

Html appears differently on email preview than in inbox

Hi all,

I am editing an email to which i have added text with a textbox background colour. In the email preview on Marketo the text box surrounds the text (which is what i want it to look like)
 0EM50000000RTo4.jpg

whereas in my inbox it then looks different.
 0EM50000000RTo9.jpg

Anyone who knows why that is? the html used is: <div style="background-color: #00a94f; color: #ffffff; display: inline-block; font-size: 18px; margin: 0px 0px 15px;">&nbsp;<a style="color: #ffffff; text-decoration: none;" href="http://www.cloudexpoeurope.com/Content/Visiting-Cloud-Expo-Europe-1-2/3/">REGISTER NOW</a></div>

thanks!
Alexia
Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
Jason_Scott
Level 4

Re: Html appears differently on email preview than in inbox

We don't use div tags to acheive the "button" look

try this

<table border="0" cellspacing="3" cellpadding="0" width="260" align="center">
<tbody>
<tr>
<td style="background-color: #052244; border: none; color: #ffffff; font-weight: bold; white-space: nowrap; height: 30px; border-radius: 3px;" width="260" height="30" align="center"><a style="color: #ffffff; cursor: pointer; font-size: 16px; text-align: center; text-decoration: none; vertical-align: baseline; font-weight: bold;" href="http://www.google.com" target="_blank"><span style="padding: 10px 10px; color: #ffffff; font-family: Arial, Helvetica, sans-serif;">REGISTER NOW</span></a></td>
</tr>
</tbody>
</table>

View solution in original post

3 REPLIES 3
Edward_Masson
Level 10

Re: Html appears differently on email preview than in inbox

This looks like it should work as is, I tested it and works, then i removed the block part from display and that works too.
Try removing the '-block' part from your Display.

If under a time restriant, wrap in an HTML table. 
Jason_Scott
Level 4

Re: Html appears differently on email preview than in inbox

We don't use div tags to acheive the "button" look

try this

<table border="0" cellspacing="3" cellpadding="0" width="260" align="center">
<tbody>
<tr>
<td style="background-color: #052244; border: none; color: #ffffff; font-weight: bold; white-space: nowrap; height: 30px; border-radius: 3px;" width="260" height="30" align="center"><a style="color: #ffffff; cursor: pointer; font-size: 16px; text-align: center; text-decoration: none; vertical-align: baseline; font-weight: bold;" href="http://www.google.com" target="_blank"><span style="padding: 10px 10px; color: #ffffff; font-family: Arial, Helvetica, sans-serif;">REGISTER NOW</span></a></td>
</tr>
</tbody>
</table>

Anonymous
Not applicable

Re: Html appears differently on email preview than in inbox

Thank you both! I ended up using the 2nd option as the new html looks like a button - thanks for the quick responses.