Your Achievements
Level 1
0% to
Level 2
Next /
to gain points, level up, and earn exciting badges like the new Applaud 5 BadgeLearn more!
View All BadgesSign in to view all badges
Open Alert Bar
SOLVED

Re: Table cell height->Outlook rendering->Can't figure out correct MSO coding

Go to solution
anthony_zepeda
Level 1
Level 1
‎12-02-2021 03:31 PM
‎12-02-2021 03:31 PM

Table cell height->Outlook rendering->Can't figure out correct MSO coding

Hi,

This is my first time dealing with MSO code on issues for Outlook. Could you please assist?


I'm trying to keep my middle row locked at a height of 80px, but I can seem to figure out how do that with the mso conditional coding, spent a lot of time on it but just keep hitting a wall. mso line height rule,  the if(mso) code style, but I must be doing something wrong. 

<!-- 3 Columns with Buttons -->
<table class="mktoModule section-multicol" id="module-threecol" mktoname="3 Columns - Buttons" width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr class="three-col">
<td class="inner" style="background-color:${threecol-bg};padding-top:${threecol-pad-above}px;padding-bottom:${threecol-pad-below}px;"><table cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:${threecol-bg}">
<tbody>
<tr>
<td class="container" style="font-size:0;text-align:${threecol-horizontal-align};background-color:${threecol-bg};"><!--[if(mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width="33%" valign="${threecol-vertical-align}">
<![endif]-->
<div class="column first" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;display:inline-block;vertical-align:${threecol-vertical-align};width:100%;max-width:200px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr> </tr>
</tbody>
</table>
<div class="image" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-size:14px;color:${threecol-color};">
<div class="mktoImg" id="img-3col-1" mktoname="Left Image" Title="tITLE" alt="ALT TITLE" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" mktolockimgsize="true" mktolockimgstyle="true"> <a style="color:${threecol-color};text-decoration:underline;" href="${threecol-1-img-utm-url}?utm_source=Marketo&utm_medium=Email&utm_campaign={{program.Name}}&utm_term=none&utm_content=${threecol-1-img-utm-content}"><img width="200" Title="Title" alt="Title" style="border-width:0;height:auto;display:block;width:100%;max-width:200px;" src="https://goto.Title.com/rs/XXX-XXX-885/images/tITLE_200x200.png" /></a></div>
</div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td class="buffered" style="padding-top:0;padding-bottom:30px;padding-right:15px;padding-left:15px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="contents" style="text-align:left;color:${threecol-color};font-size:14px;line-height:18px;">
<tbody>
<tr>
<td class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif;"><div class="spacer" style="mso-line-height-rule:exactly;font-size:18px;line-height:18px;height:18px;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;display:block;"> &nbsp; </div>
<div class="links-copy" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;">
<div class="mktEditable" id="threecol-col1" mktoname="Left Text" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;">
<h6 style="margin-top:0;margin-right:0;margin-left:0;color:${threecol-headings-color};font-size:14px;line-height:18px;text-transform:uppercase;margin-bottom:6px;mso-line-height-rule:exactly;height:80px">Tenetur deorsus captet sicin</h6>
</div>
</div>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="${threecol-horizontal-align}" style="padding-top:10px;"><table class="buttonwrapper align-${threecol-horizontal-align}" align="${threecol-horizontal-align}" cellpadding="0" cellspacing="0" border="0" style="background-color:${threecol-1-btn-color};font-size:15px;line-height:17px;text-align:center;border-radius:0px;">
<tbody>
<tr>
<td class="button" style="background-color:${threecol-1-btn-color};font-family:Arial,sans-serif;border-radius:0px;"><a href="${threecol-1-utm-url}?utm_source=Marketo&utm_medium=Email&utm_campaign={{program.Name}}&utm_term=none&utm_content=${threecol-1-utm-content}" style="padding-top:11px;border-top-style:solid;border-top-color:${threecol-1-btn-border-color};padding-bottom:11px;border-bottom-style:solid;border-bottom-color:${threecol-1-btn-border-color};color:${threecol-1-btn-text-color};display:inline-block;padding-left:20px;border-left-style:solid;border-left-color:${threecol-1-btn-border-color};padding-right:20px;border-right-style:solid;border-right-color:${threecol-1-btn-border-color};text-decoration:none;border-radius:0px;title:Effectv;alt:Effectv;"><b>${threecol-1-btn-text}</b></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
</div>
0 Likes
6,598
Reply
1 ACCEPTED SOLUTION

Accepted Solutions
Jasbir_Kaur
Level 5
Level 5
‎12-21-2021 11:00 PM
‎12-21-2021 11:00 PM

Re: Table cell height->Outlook rendering->Can't figure out correct MSO coding

Hi @anthony_zepeda 

 

Now you are using the same height of content in all the three columns, so you can use the same height in all the three columns so that it can look identical, this is not a best practice with the height as we have to adjust the height every time when we will update the content, so it's better you just create a variable for the same so that you can update the values at the email level.

 

Thanks!

 

View solution in original post

0 Likes
8,150
Reply
13 REPLIES 13
Jasbir_Kaur
Level 5
Level 5
‎12-02-2021 11:43 PM
‎12-02-2021 11:43 PM

Re: Table cell height->Outlook rendering->Can't figure out correct MSO coding

Hi @anthony_zepeda 

 

Firstly, as per the Email best practice code we don't use <H1> series in the Email Templates, use <div> & <p> tags.

 

Try to update your code with the below code - 

 

<!-- 3 Columns with Buttons -->
<table class="mktoModule section-multicol" id="module-threecol" mktoname="3 Columns - Buttons" width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr class="three-col">
<td class="inner" style="background-color:${threecol-bg};padding-top:${threecol-pad-above}px;padding-bottom:${threecol-pad-below}px;"><table cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:${threecol-bg}">
<tbody>
<tr>
<td class="container" style="font-size:0;text-align:${threecol-horizontal-align};background-color:${threecol-bg};"><!--[if(mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width="33%" valign="${threecol-vertical-align}">
<![endif]-->
<div class="column first" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;display:inline-block;vertical-align:${threecol-vertical-align};width:100%;max-width:200px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr> </tr>
</tbody>
</table>
<div class="image" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-size:14px;color:${threecol-color};">
<div class="mktoImg" id="img-3col-1" mktoname="Left Image" Title="tITLE" alt="ALT TITLE" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" mktolockimgsize="true" mktolockimgstyle="true"> <a style="color:${threecol-color};text-decoration:underline;" href="${threecol-1-img-utm-url}?utm_source=Marketo&utm_medium=Email&utm_campaign={{program.Name}}&utm_term=none&utm_content=${threecol-1-img-utm-content}"><img width="200" Title="Title" alt="Title" style="border-width:0;height:auto;display:block;width:100%;max-width:200px;" src="http://via.placeholder.com/200x200" /></a></div>
</div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td class="buffered" style="padding-top:0;padding-bottom:30px;padding-right:15px;padding-left:15px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="contents" style="text-align:left;color:${threecol-color};font-size:14px;line-height:18px;">
<tbody>
<tr>
<td height="18" style="line-height:1px;font-size:1px; mso-line-height-rule:exactly;">&nbsp;</td>
</tr>
<tr>
<td valign="top" height="80" class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif; color:${threecol-headings-color};font-size:14px;line-height:18px;text-transform:uppercase;mso-line-height-rule:exactly;height:80px; vertical-align: top;">
<div class="links-copy">
<div class="mktEditable" id="threecol-col1" mktoname="Left Text">
<div>Tenetur deorsus captet sicin</div>
</div>
</div>
</td>
</tr>
<tr>
<td class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="${threecol-horizontal-align}" style="padding-top:10px;"><table class="buttonwrapper align-${threecol-horizontal-align}" align="${threecol-horizontal-align}" cellpadding="0" cellspacing="0" border="0" style="background-color:${threecol-1-btn-color};font-size:15px;line-height:17px;text-align:center;border-radius:0px;">
<tbody>
<tr>
<td class="button" style="background-color:${threecol-1-btn-color};font-family:Arial,sans-serif;border-radius:0px;"><a href="${threecol-1-utm-url}?utm_source=Marketo&utm_medium=Email&utm_campaign={{program.Name}}&utm_term=none&utm_content=${threecol-1-utm-content}" style="padding-top:11px;border-top-style:solid;border-top-color:${threecol-1-btn-border-color};padding-bottom:11px;border-bottom-style:solid;border-bottom-color:${threecol-1-btn-border-color};color:${threecol-1-btn-text-color};display:inline-block;padding-left:20px;border-left-style:solid;border-left-color:${threecol-1-btn-border-color};padding-right:20px;border-right-style:solid;border-right-color:${threecol-1-btn-border-color};text-decoration:none;border-radius:0px;title:Effectv;alt:Effectv;"><b>${threecol-1-btn-text}</b></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
</div>

 

it's showing like the below screenshot - 

Jasbir_Kaur_0-1638517323297.png

 

Let me know in case of any concerns.

 

Thanks!

Jasbir

0 Likes
6,589
Reply
anthony_zepeda
Level 1
Level 1
‎12-03-2021 10:47 AM
‎12-03-2021 10:47 AM

Re: Table cell height->Outlook rendering->Can't figure out correct MSO coding

hi @Jasbir_Kaur  is there anyway to get the columns side by side? I think I did something else to mess it up.

 

 

<!-- 3 Columns with Buttons -->
<table class="mktoModule section-multicol" id="module-threecol" mktoname="3 Columns - Buttons" width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr class="three-col">
<td class="inner" style="background-color:${threecol-bg};padding-top:${threecol-pad-above}px;padding-bottom:${threecol-pad-below}px;"><table cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:${threecol-bg}">
<tbody>
<tr>
<td class="container" style="font-size:0;text-align:${threecol-horizontal-align};background-color:${threecol-bg};"><!--[if(mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width="33%" valign="${threecol-vertical-align}">
<![endif]-->
<div class="column first" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;display:inline-block;vertical-align:${threecol-vertical-align};width:100%;max-width:200px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr> </tr>
</tbody>
</table>
<div class="image" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-size:14px;color:${threecol-color};">
<div class="mktoImg" id="img-3col-1" mktoname="Left Image" Title="Insert Title of Image" alt="Insert Alt Text" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" mktolockimgsize="true" mktolockimgstyle="true"> <a style="color:${threecol-color};text-decoration:underline;" href="${threecol-1-img-utm-url}?utm_source=Marketo&utm_medium=Email&utm_campaign={{program.Name}}&utm_term=none&utm_content=${threecol-1-img-utm-content}"><img width="200" Title="Title" alt="Alt Text" style="border-width:0;height:auto;display:block;width:100%;max-width:200px;" src="https://goto.effectv.com/rs/637-EQA-885/images/PH_GEN_Placeholder-Black_200x200.png" /></a></div>
</div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td class="buffered" style="padding-top:0;padding-bottom:30px;padding-right:15px;padding-left:15px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="contents" style="text-align:left;color:${threecol-color};font-size:14px;line-height:18px;">
<tbody>
<tr>
<td height="18" style="line-height:1px;font-size:1px; mso-line-height-rule:exactly;">&nbsp;</td>
</tr>
<tr>
<td valign="top" height="80" class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif; color:${threecol-headings-color};font-size:14px;line-height:18px;text-transform:uppercase;mso-line-height-rule:exactly;height:80px; vertical-align: top;">
<div class="links-copy">
<div class="mktEditable" id="threecol-col1" mktoname="Left Text">
<div><strong>Tenetur deorsus captet sicin</strong></div>
</div>
</div>
</td>
</tr>
<tr>
<td class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="${threecol-horizontal-align}" style="padding-top:10px;"><table class="buttonwrapper align-${threecol-horizontal-align}" align="${threecol-horizontal-align}" cellpadding="0" cellspacing="0" border="0" style="background-color:${threecol-1-btn-color};font-size:15px;line-height:17px;text-align:center;border-radius:0px;">
<tbody>
<tr>
<td class="button" style="background-color:${threecol-2-btn-color};font-family:Arial,sans-serif;border-radius:0px;"><a href="${threecol-1-utm-url}?utm_source=Marketo&utm_medium=Email&utm_campaign={{program.Name}}&utm_term=none&utm_content=${threecol-1-utm-content}" style="padding-top:11px;border-top-style:solid;border-top-color:${threecol-1-btn-border-color};padding-bottom:11px;border-bottom-style:solid;border-bottom-color:${threecol-1-btn-border-color};color:${threecol-1-btn-text-color};display:inline-block;padding-left:20px;border-left-style:solid;border-left-color:${threecol-1-btn-border-color};padding-right:20px;border-right-style:solid;border-right-color:${threecol-1-btn-border-color};text-decoration:none;border-radius:0px;title:Effectv;alt:Effectv;"><b>${threecol-1-btn-text}</b></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
</div>
<!--[if(mso)|(IE)]></td><td width="34%" valign="top"><![endif]-->
<div class="image" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-size:14px;color:${threecol-color};">
<div class="mktoImg" id="img-3col-2" mktoname="Middle Image" Title="NameofImage" alt="AltText" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" mktolockimgsize="true" mktolockimgstyle="true"> <a style="color:${threecol-color};text-decoration:underline;" href="${threecol-2-img-utm-url}?utm_source=Marketo&utm_medium=Email&utm_campaign={{program.Name}}&utm_term=none&utm_content=${threecol-2-img-utm-content}"><img width="200" Title="Title" alt="Title" style="border-width:0;height:auto;display:block;width:100%;max-width:200px;" src="https://goto.effectv.com/rs/637-EQA-885/images/PH_GEN_Placeholder-Black_200x200.png" /></a></div>
</div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td class="buffered" style="padding-top:0;padding-bottom:30px;padding-right:15px;padding-left:15px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="contents" style="text-align:left;color:${threecol-color};font-size:14px;line-height:18px;">
<tbody>
<tr>
<td height="18" style="line-height:1px;font-size:1px; mso-line-height-rule:exactly;">&nbsp;</td>
</tr>
<tr>
<td valign="top" height="80" class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif; color:${threecol-headings-color};font-size:14px;line-height:18px;text-transform:uppercase;mso-line-height-rule:exactly;height:80px; vertical-align: top;">
<div class="links-copy">
<div class="mktEditable" id="threecol-col2" mktoname="Middle Text">
<div><strong>Tenetur deorsus captet sicin</strong></div>
</div>
</div>
</td>
</tr>
<tr>
<td class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="${threecol-horizontal-align}" style="padding-top:10px;"><table class="buttonwrapper align-${threecol-horizontal-align}" align="${threecol-horizontal-align}" cellpadding="0" cellspacing="0" border="0" style="background-color:${threecol-2-btn-color};font-size:15px;line-height:17px;text-align:center;border-radius:0px;">
<tbody>
<tr>
<td class="button" style="background-color:${threecol-2-btn-color};font-family:Arial,sans-serif;border-radius:0px;"><a href="${threecol-2-utm-url}?utm_source=Marketo&utm_medium=Email&utm_campaign={{program.Name}}&utm_term=none&utm_content=${threecol-2-utm-content}" style="padding-top:11px;border-top-style:solid;border-top-color:${threecol-2-btn-border-color};padding-bottom:11px;border-bottom-style:solid;border-bottom-color:${threecol-2-btn-border-color};color:${threecol-2-btn-text-color};display:inline-block;padding-left:20px;border-left-style:solid;border-left-color:${threecol-2-btn-border-color};padding-right:20px;border-right-style:solid;border-right-color:${threecol-2-btn-border-color};text-decoration:none;border-radius:0px;title:Effectv;alt:Effectv;"><b>${threecol-3-btn-text}</b></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
</div>
<!--[if(mso)|(IE)]></td><td width="33%" valign="top"><![endif]-->
<div class="image" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-size:14px;color:${threecol-color};">
<div class="mktoImg" id="img-3col-3" mktoname="Middle Image" Title="NameofImage" alt="AltText" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" mktolockimgsize="true" mktolockimgstyle="true"> <a style="color:${threecol-color};text-decoration:underline;" href="${threecol-3-img-utm-url}?utm_source=Marketo&utm_medium=Email&utm_campaign={{program.Name}}&utm_term=none&utm_content=${threecol-3-img-utm-content}"><img width="200" Title="Title" alt="Title" style="border-width:0;height:auto;display:block;width:100%;max-width:200px;" src="https://goto.effectv.com/rs/637-EQA-885/images/PH_GEN_Placeholder-Black_200x200.png" /></a></div>
</div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td class="buffered" style="padding-top:0;padding-bottom:30px;padding-right:15px;padding-left:15px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="contents" style="text-align:left;color:${threecol-color};font-size:14px;line-height:18px;">
<tbody>
<tr>
<td height="18" style="line-height:1px;font-size:1px; mso-line-height-rule:exactly;">&nbsp;</td>
</tr>
<tr>
<td valign="top" height="80" class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif; color:${threecol-headings-color};font-size:14px;line-height:18px;text-transform:uppercase;mso-line-height-rule:exactly;height:80px; vertical-align: top;">
<div class="links-copy">
<div class="mktEditable" id="threecol-col3" mktoname="Right Text">
<div><strong>Tenetur deorsus captet sicin </strong></div>
</div>
</div>
</td>
</tr>
<tr>
<td class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="${threecol-horizontal-align}" style="padding-top:10px;"><table class="buttonwrapper align-${threecol-horizontal-align}" align="${threecol-horizontal-align}" cellpadding="0" cellspacing="0" border="0" style="background-color:${threecol-3-btn-color};font-size:15px;line-height:17px;text-align:center;border-radius:0px;">
<tbody>
<tr>
<td class="button" style="background-color:${threecol-3-btn-color};font-family:Arial,sans-serif;border-radius:0px;"><a href="${threecol-3-utm-url}?utm_source=Marketo&utm_medium=Email&utm_campaign={{program.Name}}&utm_term=none&utm_content=${threecol-3-utm-content}" style="padding-top:11px;border-top-style:solid;border-top-color:${threecol-3-btn-border-color};padding-bottom:11px;border-bottom-style:solid;border-bottom-color:${threecol-3-btn-border-color};color:${threecol-3-btn-text-color};display:inline-block;padding-left:20px;border-left-style:solid;border-left-color:${threecol-3-btn-border-color};padding-right:20px;border-right-style:solid;border-right-color:${threecol-3-btn-border-color};text-decoration:none;border-radius:0px;title:Effectv;alt:Effectv;"><b>${threecol-3-btn-text}</b></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
</div>
<!--[if(mso)|(IE)]>
</td></tr></table>
<![endif]--></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
0 Likes
6,575
Reply
SanfordWhiteman
Level 10 - Community Moderator
Level 10 - Community Moderator
‎12-03-2021 10:54 AM
‎12-03-2021 10:54 AM

Re: Table cell height->Outlook rendering->Can't figure out correct MSO coding

Please use the Syntax Highlighter (“Insert/Edit Code Sample”) instead just pasting code, as it’s impossible to read otherwise. I edited your previous posts. — Mod
6,570
Reply
anthony_zepeda
Level 1
Level 1
‎12-03-2021 11:18 AM
‎12-03-2021 11:18 AM

Re: Table cell height->Outlook rendering->Can't figure out correct MSO coding

Thanks Sanford. Brand New Marketo User 🙂

0 Likes
6,569
Reply
anthony_zepeda
Level 1
Level 1
‎12-06-2021 07:30 AM
‎12-06-2021 07:30 AM

Re: Table cell height->Outlook rendering->Can't figure out correct MSO coding

hi @Jasbir_Kaur can you still help on this one? let me know!

0 Likes
6,538
Reply
anthony_zepeda
Level 1
Level 1
‎12-07-2021 08:35 AM
‎12-07-2021 08:35 AM

Re: Table cell height->Outlook rendering->Can't figure out correct MSO coding

@SanfordWhiteman do you think you could help me with this? I don't believe it's an issue with MSO, but just getting the tables to sit right next to each other. 

0 Likes
6,521
Reply
Jasbir_Kaur
Level 5
Level 5
‎12-09-2021 01:38 AM
‎12-09-2021 01:38 AM

Re: Table cell height->Outlook rendering->Can't figure out correct MSO coding

Hi @anthony_zepeda 

 

Apology for the delay, I was on PTO. 

 

Could you please let me know how exactly you want the layout, if you can share any rough screenshot that would be great?

 

Thanks!

0 Likes
6,480
Reply
anthony_zepeda
Level 1
Level 1
‎12-09-2021 10:16 AM
‎12-09-2021 10:16 AM

Re: Table cell height->Outlook rendering->Can't figure out correct MSO coding

Hi @Jasbir_Kaur so I was able to fixed my code to align properly (see at the bottom), however, the height of the context box is not holding at 80px on Outlook, it is adjusting itself to look like this (screenshot1) screenshot1.jpg

 

Instead of this (Screenshot2) below which should lock the height at 80px, keeping the buttons aligned. 

screenshot2.jpg

 

 

Let me know any other questions,

Anthony

 

<!-- 3 Columns with Buttons --> 
                        
<table class="mktoModule section-multicol" id="module-threecol" mktoname="3 Columns - Buttons" width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr class="three-col">
<td class="inner" style="background-color:${threecol-bg};padding-top:${threecol-pad-above}px;padding-bottom:${threecol-pad-below}px;">
                                
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:${threecol-bg}">
<tbody>
<tr>
<td class="container" style="font-size:0;text-align:${threecol-horizontal-align};background-color:${threecol-bg};">
                                        <!--[if(mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="33%" valign="${threecol-vertical-align}">
<![endif]-->
<div class="column first" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;display:inline-block;vertical-align:${threecol-vertical-align};width:100%;max-width:200px;"> 
                                          
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
</tr>
</tbody>
</table>
<div class="image" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-size:14px;color:${threecol-color};">
<div class="mktoImg" id="img-3col-1" mktoname="Left Image" title="Insert Title of Image" alt="Insert Alt Text" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" mktolockimgsize="true" mktolockimgstyle="true"> 
                                              <a style="color: &quot;${global-link-color}&quot;; font-weight: bold; color:${threecol-color};text-decoration:underline;" 
href="${threecol-1-img-utm-url}?utm_source=Marketo&amp;utm_medium=Email&amp;utm_campaign={{program.Name}}&amp;utm_term=none&amp;utm_content=${threecol-1-img-utm-content}">
<img width="200" title="Title" alt="Alt Text" style="border-width:0;height:auto;display:block;width:100%;max-width:200px;" 
src="https://goto.effectv.com/rs/637-EQA-885/images/PH_GEN_Placeholder-Black_200x200.png" /></a>
                                            </div>
</div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td class="buffered" style="padding-top:0;padding-bottom:30px;padding-right:15px;padding-left:15px;max-width: 200px">
                                                  
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="contents" style="text-align:left;color:${threecol-color};font-size:14px;line-height:18px;max-width: 200px;">
<tbody>
<tr>
<td height="18" style="line-height:1px;font-size:1px; mso-line-height-rule:exactly;">&nbsp;</td>
</tr>
<tr>
<td valign="top" height="80" class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif; color:${threecol-headings-color};font-size:14px;line-height:18px;text-transform:uppercase;mso-line-height-rule:exactly;height:80px; vertical-align: top;">
<div class="links-copy">
<div class="mktEditable" id="threecol-col1" mktoname="Left Text">

<div style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;color:${threecol-color};mso-line-height-rule:exactly;height:80px;"><strong>Tenetur deorsus captet sicin Tenetur deorsus captet sicin Tenetur deorsus captet sicin Tenetur deorsus captet sicin</strong> </div>

</div>
</div>
</td>
</tr>
<tr>
<td class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif;"> 
                                                          
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="${threecol-horizontal-align}" style="padding-top:10px;">
                                                                  
<table class="buttonwrapper align-${threecol-horizontal-align}" align="${threecol-horizontal-align}" cellpadding="0" cellspacing="0" border="0" style="background-color:${threecol-1-btn-color};font-size:15px;line-height:17px;text-align:center;border-radius:0px;">
<tbody>
<tr>
<td class="button" style="background-color:${threecol-1-btn-color};font-family:Arial,sans-serif;border-radius:0px;"><a href="${threecol-1-utm-url}?utm_source=Marketo&amp;utm_medium=Email&amp;utm_campaign={{program.Name}}&amp;utm_term=none&amp;utm_content=${threecol-1-utm-content}" style="color: 
&quot;${global-link-color}&quot;; font-weight: bold; color: &quot;${global-link-color}&quot;; font-weight: bold; text-decoration: none; 
padding-top:11px;border-top-style:solid;border-top-color:${threecol-1-btn-border-color};padding-bottom:11px;border-bottom-style:solid;border-bottom-color:${threecol-1-btn-border-color};color:${threecol-1-btn-text-color};display:inline-block;padding-left:20px;border-left-style:solid;border-left-color:${threecol-1-btn-border-color};padding-right:20px;border-right-style:solid;border-right-color:${threecol-1-btn-border-color};text-decoration:none;border-radius:0px;title:Effectv;alt:Effectv;"><b>${threecol-1-btn-text}</b></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if(mso)|(IE)]></td>
<td width="34%" valign="top"><![endif]-->
<div class="column second" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;display:inline-block;vertical-align:${threecol-vertical-align};width:100%;max-width:200px;"> 
                                          
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
</tr>
</tbody>
</table>
<div class="image" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-size:14px;color:${threecol-color};max-width: 200px;">
<div class="mktoImg" id="img-3col-2" mktoname="Middle Image" title="Effectv" alt="Effectv" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" mktolockimgsize="true" mktolockimgstyle="true" > 
<a style="color: &quot;${global-link-color}&quot;; font-weight: bold; color:${threecol-color};text-decoration:underline;" href="${threecol-2-img-utm-url}?utm_source=Marketo&amp;utm_medium=Email&amp;utm_campaign={{program.Name}}&amp;utm_term=none&amp;utm_content=${threecol-2-img-utm-content}">
	<img width="200" title="Title" alt="Title" style="border-width:0;height:auto;display:block;width:100%;max-width:200px;" 
src="https://goto.effectv.com/rs/637-EQA-885/images/PH_GEN_Placeholder-Black_200x200.png" /></a>
                                          </div>
</div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td class="buffered" style="padding-top:0;padding-bottom:30px;padding-right:15px;padding-left:15px;max-width: 200px;">
                                                
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="contents" style="text-align:left;color:${threecol-color};font-size:14px;line-height:18px;max-width: 200px;">
<tbody>
<tr>
<td height="18" style="line-height:1px;font-size:1px;mso-line-height-rule:exactly;max-width:200px;">&nbsp;</td>
</tr>
<tr>
<td valign="top" height="80" class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif; color:${threecol-headings-color};font-size:14px;line-height:18px;text-transform:uppercase;mso-line-height-rule:exactly;height:80px; vertical-align: top;max-width:200px;">
<div class="links-copy">
<div class="mktEditable" id="threecol-col2" mktoname="Middle Text">
<div style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;color:${threecol-color};mso-line-height-rule:exactly;height:80px;"><strong>Tenetur deorsus captet sicisus captet sicin Tenetur deorsus </strong>
                                                            </div>
</div>
</div>
</td>
</tr>
<tr>
<td class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif;"> 
                                                        
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="${threecol-horizontal-align}" style="padding-top:10px;">
                                                                
<table class="buttonwrapper align-${threecol-horizontal-align}" align="${threecol-horizontal-align}" cellpadding="0" cellspacing="0" border="0" style="background-color:${threecol-2-btn-color};font-size:15px;line-height:17px;text-align:center;border-radius:0px;max-width:200px;">
<tbody>
<tr>
<td class="button" style="background-color:${threecol-2-btn-color};font-family:Arial,sans-serif;border-radius:0px;"><a href="${threecol-1-utm-url}?utm_source=Marketo&amp;utm_medium=Email&amp;utm_campaign={{program.Name}}&amp;utm_term=none&amp;utm_content=${threecol-1-utm-content}" style="color: 
&quot;${global-link-color}&quot;; font-weight: bold; color: &quot;${global-link-color}&quot;; font-weight: bold; text-decoration: none; 
padding-top:11px;border-top-style:solid;border-top-color:${threecol-1-btn-border-color};padding-bottom:11px;border-bottom-style:solid;border-bottom-color:${threecol-1-btn-border-color};color:${threecol-1-btn-text-color};display:inline-block;padding-left:20px;border-left-style:solid;border-left-color:${threecol-1-btn-border-color};padding-right:20px;border-right-style:solid;border-right-color:${threecol-1-btn-border-color};text-decoration:none;border-radius:0px;title:Effectv;alt:Effectv;"><b>${threecol-2-btn-text}</b></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if(mso)|(IE)]></td>
<td width="33%" valign="top"><![endif]-->
<div class="column third" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;display:inline-block;vertical-align:${threecol-vertical-align};width:100%;max-width:200px;"> 
                                          
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
</tr>
</tbody>
</table>
	<div class="image" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-size:14px;color:${threecol-color};">
<div class="mktoImg" id="img-3col-3" mktoname="Right Image" title="Effectv" alt="Effectv" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" mktolockimgsize="true" mktolockimgstyle="true"> 
                                            <a style="color: &quot;${global-link-color}&quot;; font-weight: bold; color:${threecol-color};text-decoration:underline;" 
href="${threecol-3-img-utm-url}?utm_source=Marketo&amp;utm_medium=Email&amp;utm_campaign={{program.Name}}&amp;utm_term=none&amp;utm_content=${threecol-3-img-utm-content}"><img width="200" title="Title" alt="Title" style="border-width:0;height:auto;display:block;width:100%;max-width:200px;" 
src="https://goto.effectv.com/rs/637-EQA-885/images/PH_GEN_Placeholder-Black_200x200.png" /></a>
                                          </div>
</div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td class="buffered" style="padding-top:0;padding-bottom:30px;padding-right:15px;padding-left:15px;">
                                                
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="contents" style="text-align:left;color:${threecol-color};font-size:14px;line-height:18px;">
<tbody>
<tr>
<td height="18" style="line-height:1px;font-size:1px; mso-line-height-rule:exactly;">&nbsp;</td>
</tr>
<tr>
<td valign="top" height="80" class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif; color:${threecol-headings-color};font-size:14px;line-height:18px;text-transform:uppercase;mso-line-height-rule:exactly;height:80px; 
vertical-align: top;">
<div class="links-copy">
<div class="mktEditable" id="threecol-col3" mktoname="Right Text">
<div style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;color:${threecol-color};mso-line-height-rule:exactly;height:80px;">
 <strong>Tenetur deorsus captet sicin Tenetur deorsus captet sicinTenetur deorsus captet sicinTenetur deorsus captet sicin</strong></div>
</div>
</div>
</td>
</tr>
<tr>
<td class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif;"> 
                                                        
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="${threecol-horizontal-align}" style="padding-top:10px;">
                                                                
<table class="buttonwrapper align-${threecol-horizontal-align}" align="${threecol-horizontal-align}" cellpadding="0" cellspacing="0" border="0" style="background-color:${threecol-3-btn-color};font-size:15px;line-height:17px;text-align:center;border-radius:0px;">
<tbody>
<tr>
<td class="button" style="background-color:${threecol-3-btn-color};font-family:Arial,sans-serif;border-radius:0px;"><a href="${threecol-3-utm-url}?utm_source=Marketo&amp;utm_medium=Email&amp;utm_campaign={{program.Name}}&amp;utm_term=none&amp;utm_content=${threecol-3-utm-content}" style="color: 
&quot;${global-link-color}&quot;; font-weight: bold; color: &quot;${global-link-color}&quot;; font-weight: bold; text-decoration: none; 
padding-top:11px;border-top-style:solid;border-top-color:${threecol-3-btn-border-color};padding-bottom:11px;border-bottom-style:solid;border-bottom-color:${threecol-3-btn-border-color};color:${threecol-3-btn-text-color};display:inline-block;padding-left:20px;border-left-style:solid;border-left-color:${threecol-3-btn-border-color};padding-right:20px;border-right-style:solid;border-right-color:${threecol-3-btn-border-color};text-decoration:none;border-radius:0px;title:Effectv;alt:Effectv;"><b>${threecol-3-btn-text}</b></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table></div>
<!--[if(mso)|(IE)]>
														</td>
</tr>
</table>
<![endif]--></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

 

0 Likes
6,475
Reply
Jasbir_Kaur
Level 5
Level 5
‎12-10-2021 04:40 AM
‎12-10-2021 04:40 AM

Re: Table cell height->Outlook rendering->Can't figure out correct MSO coding

Hi @anthony_zepeda 

 

Please try the below code - 

 

<table class="mktoModule section-multicol" id="module-threecol" mktoname="3 Columns - Buttons" width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr class="three-col">
<td class="inner" style="background-color:${threecol-bg};padding-top:${threecol-pad-above}px;padding-bottom:${threecol-pad-below}px;">
                                
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:${threecol-bg}">
<tbody>
<tr>
<td class="container" style="font-size:0;text-align:${threecol-horizontal-align};background-color:${threecol-bg};">
                                        <!--[if(mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="33%" valign="${threecol-vertical-align}">
<![endif]-->
<div class="column first" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;display:inline-block;vertical-align:${threecol-vertical-align};width:100%;max-width:200px;"> 
                                          
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
</tr>
</tbody>
</table>
<div class="image" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-size:14px;color:${threecol-color};">
<div class="mktoImg" id="img-3col-1" mktoname="Left Image" title="Insert Title of Image" alt="Insert Alt Text" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" mktolockimgsize="true" mktolockimgstyle="true"> 
                                              <a style="color: &quot;${global-link-color}&quot;; font-weight: bold; color:${threecol-color};text-decoration:underline;" 
href="${threecol-1-img-utm-url}?utm_source=Marketo&amp;utm_medium=Email&amp;utm_campaign={{program.Name}}&amp;utm_term=none&amp;utm_content=${threecol-1-img-utm-content}">
<img width="200" title="Title" alt="Alt Text" style="border-width:0;height:auto;display:block;width:100%;max-width:200px;" 
src="https://goto.effectv.com/rs/637-EQA-885/images/PH_GEN_Placeholder-Black_200x200.png" /></a>
                                            </div>
</div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td class="buffered" style="padding-top:0;padding-bottom:30px;padding-right:15px;padding-left:15px;max-width: 200px">
                                                  
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="contents" style="text-align:left;color:${threecol-color};font-size:14px;line-height:18px;max-width: 200px;">
<tbody>
<tr>
<td height="18" style="line-height:1px;font-size:1px; mso-line-height-rule:exactly;">&nbsp;</td>
</tr>
<tr>
<td valign="top" height="80" class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif; color:${threecol-headings-color};font-size:14px;line-height:18px;text-transform:uppercase;mso-line-height-rule:exactly;height:80px; vertical-align: top;">
<div class="links-copy">
<div class="mktEditable" id="threecol-col1" mktoname="Left Text">

<div style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;color:${threecol-color};mso-line-height-rule:exactly;"><strong>Tenetur deorsus captet sicin Tenetur deorsus captet sicin Tenetur deorsus captet sicin Tenetur deorsus captet sicin</strong> </div>

</div>
</div>
</td>
</tr>
<tr>
<td class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif;"> 
                                                          
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="${threecol-horizontal-align}" style="padding-top:10px;">
                                                                  
<table class="buttonwrapper align-${threecol-horizontal-align}" align="${threecol-horizontal-align}" cellpadding="0" cellspacing="0" border="0" style="background-color:${threecol-1-btn-color};font-size:15px;line-height:17px;text-align:center;border-radius:0px;">
<tbody>
<tr>
<td class="button" style="background-color:${threecol-1-btn-color};font-family:Arial,sans-serif;border-radius:0px;"><a href="${threecol-1-utm-url}?utm_source=Marketo&amp;utm_medium=Email&amp;utm_campaign={{program.Name}}&amp;utm_term=none&amp;utm_content=${threecol-1-utm-content}" style="color: 
&quot;${global-link-color}&quot;; font-weight: bold; color: &quot;${global-link-color}&quot;; font-weight: bold; text-decoration: none; 
padding-top:11px;border-top-style:solid;border-top-color:${threecol-1-btn-border-color};padding-bottom:11px;border-bottom-style:solid;border-bottom-color:${threecol-1-btn-border-color};color:${threecol-1-btn-text-color};display:inline-block;padding-left:20px;border-left-style:solid;border-left-color:${threecol-1-btn-border-color};padding-right:20px;border-right-style:solid;border-right-color:${threecol-1-btn-border-color};text-decoration:none;border-radius:0px;title:Effectv;alt:Effectv;"><b>${threecol-1-btn-text}</b></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if(mso)|(IE)]></td>
<td width="34%" valign="top"><![endif]-->
<div class="column second" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;display:inline-block;vertical-align:${threecol-vertical-align};width:100%;max-width:200px;"> 
                                          
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
</tr>
</tbody>
</table>
<div class="image" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-size:14px;color:${threecol-color};max-width: 200px;">
<div class="mktoImg" id="img-3col-2" mktoname="Middle Image" title="Effectv" alt="Effectv" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" mktolockimgsize="true" mktolockimgstyle="true" > 
<a style="color: &quot;${global-link-color}&quot;; font-weight: bold; color:${threecol-color};text-decoration:underline;" href="${threecol-2-img-utm-url}?utm_source=Marketo&amp;utm_medium=Email&amp;utm_campaign={{program.Name}}&amp;utm_term=none&amp;utm_content=${threecol-2-img-utm-content}">
	<img width="200" title="Title" alt="Title" style="border-width:0;height:auto;display:block;width:100%;max-width:200px;" 
src="https://goto.effectv.com/rs/637-EQA-885/images/PH_GEN_Placeholder-Black_200x200.png" /></a>
                                          </div>
</div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td class="buffered" style="padding-top:0;padding-bottom:30px;padding-right:15px;padding-left:15px;max-width: 200px;">
                                                
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="contents" style="text-align:left;color:${threecol-color};font-size:14px;line-height:18px;max-width: 200px;">
<tbody>
<tr>
<td height="18" style="line-height:1px;font-size:1px;mso-line-height-rule:exactly;max-width:200px;">&nbsp;</td>
</tr>
<tr>
<td valign="top" height="144" class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif; color:${threecol-headings-color};font-size:14px;line-height:18px;text-transform:uppercase;mso-line-height-rule:exactly;height:144px; vertical-align: top;max-width:200px;">
<div class="links-copy">
<div class="mktEditable" id="threecol-col2" mktoname="Middle Text">
<div style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;color:${threecol-color};mso-line-height-rule:exactly;"><strong>Tenetur deorsus captet sicisus captet sicin Tenetur deorsus </strong>
                                                            </div>
</div>
</div>
</td>
</tr>
<tr>
<td class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif;"> 
                                                        
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="${threecol-horizontal-align}" style="padding-top:10px;">
                                                                
<table class="buttonwrapper align-${threecol-horizontal-align}" align="${threecol-horizontal-align}" cellpadding="0" cellspacing="0" border="0" style="background-color:${threecol-2-btn-color};font-size:15px;line-height:17px;text-align:center;border-radius:0px;max-width:200px;">
<tbody>
<tr>
<td class="button" style="background-color:${threecol-2-btn-color};font-family:Arial,sans-serif;border-radius:0px;"><a href="${threecol-1-utm-url}?utm_source=Marketo&amp;utm_medium=Email&amp;utm_campaign={{program.Name}}&amp;utm_term=none&amp;utm_content=${threecol-1-utm-content}" style="color: 
&quot;${global-link-color}&quot;; font-weight: bold; color: &quot;${global-link-color}&quot;; font-weight: bold; text-decoration: none; 
padding-top:11px;border-top-style:solid;border-top-color:${threecol-1-btn-border-color};padding-bottom:11px;border-bottom-style:solid;border-bottom-color:${threecol-1-btn-border-color};color:${threecol-1-btn-text-color};display:inline-block;padding-left:20px;border-left-style:solid;border-left-color:${threecol-1-btn-border-color};padding-right:20px;border-right-style:solid;border-right-color:${threecol-1-btn-border-color};text-decoration:none;border-radius:0px;title:Effectv;alt:Effectv;"><b>${threecol-2-btn-text}</b></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if(mso)|(IE)]></td>
<td width="33%" valign="top"><![endif]-->
<div class="column third" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;display:inline-block;vertical-align:${threecol-vertical-align};width:100%;max-width:200px;"> 
                                          
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
</tr>
</tbody>
</table>
	<div class="image" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-size:14px;color:${threecol-color};">
<div class="mktoImg" id="img-3col-3" mktoname="Right Image" title="Effectv" alt="Effectv" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" mktolockimgsize="true" mktolockimgstyle="true"> 
                                            <a style="color: &quot;${global-link-color}&quot;; font-weight: bold; color:${threecol-color};text-decoration:underline;" 
href="${threecol-3-img-utm-url}?utm_source=Marketo&amp;utm_medium=Email&amp;utm_campaign={{program.Name}}&amp;utm_term=none&amp;utm_content=${threecol-3-img-utm-content}"><img width="200" title="Title" alt="Title" style="border-width:0;height:auto;display:block;width:100%;max-width:200px;" 
src="https://goto.effectv.com/rs/637-EQA-885/images/PH_GEN_Placeholder-Black_200x200.png" /></a>
                                          </div>
</div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td class="buffered" style="padding-top:0;padding-bottom:30px;padding-right:15px;padding-left:15px;">
                                                
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="contents" style="text-align:left;color:${threecol-color};font-size:14px;line-height:18px;">
<tbody>
<tr>
<td height="18" style="line-height:1px;font-size:1px; mso-line-height-rule:exactly;">&nbsp;</td>
</tr>
<tr>
<td valign="top" height="144" class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif; color:${threecol-headings-color};font-size:14px;line-height:18px;text-transform:uppercase;mso-line-height-rule:exactly;height:144px; 
vertical-align: top;">
<div class="links-copy">
<div class="mktEditable" id="threecol-col3" mktoname="Right Text">
<div style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;color:${threecol-color};mso-line-height-rule:exactly;">
 <strong>Tenetur deorsus captet sicin Tenetur deorsus captet sicinTenetur deorsus captet sicinTenetur deorsus captet sicin</strong></div>
</div>
</div>
</td>
</tr>
<tr>
<td class="copy" align="${threecol-horizontal-align}" style="text-align:${threecol-horizontal-align};font-family:Arial,sans-serif;"> 
                                                        
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="${threecol-horizontal-align}" style="padding-top:10px;">
                                                                
<table class="buttonwrapper align-${threecol-horizontal-align}" align="${threecol-horizontal-align}" cellpadding="0" cellspacing="0" border="0" style="background-color:${threecol-3-btn-color};font-size:15px;line-height:17px;text-align:center;border-radius:0px;">
<tbody>
<tr>
<td class="button" style="background-color:${threecol-3-btn-color};font-family:Arial,sans-serif;border-radius:0px;"><a href="${threecol-3-utm-url}?utm_source=Marketo&amp;utm_medium=Email&amp;utm_campaign={{program.Name}}&amp;utm_term=none&amp;utm_content=${threecol-3-utm-content}" style="color: 
&quot;${global-link-color}&quot;; font-weight: bold; color: &quot;${global-link-color}&quot;; font-weight: bold; text-decoration: none; 
padding-top:11px;border-top-style:solid;border-top-color:${threecol-3-btn-border-color};padding-bottom:11px;border-bottom-style:solid;border-bottom-color:${threecol-3-btn-border-color};color:${threecol-3-btn-text-color};display:inline-block;padding-left:20px;border-left-style:solid;border-left-color:${threecol-3-btn-border-color};padding-right:20px;border-right-style:solid;border-right-color:${threecol-3-btn-border-color};text-decoration:none;border-radius:0px;title:Effectv;alt:Effectv;"><b>${threecol-3-btn-text}</b></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table></div>
<!--[if(mso)|(IE)]>
														</td>
</tr>
</table>
<![endif]--></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

 

Thanks!

0 Likes
6,467
Reply
Home