MB
0
Button Not Rendering Correctly in Outlook 07/10/13
At the bottom there is a section called "Map Feature". I am having a problem with the "bullet proof button/" not displaying correctly. It looks like outlook doesnt honor the size of the button, and just renders the green color right behind the button text. BUT, there is a box that appears outside of the section container on the left, that is the size/color the background of the button should be... So it looks like outlook is displaying the "padding" (not actually padding) apart from where the <a> is..... any thoughts? http://imgur.com/Fpw2z02 Driving me crazy. A Beer on me to whom ever can solve this one....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>LOA Property Notification</title>
<style type="text/css">
/* Client-specific Styles */
div, p, a, li, td { -webkit-text-size-adjust:none; }
#outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
html{width: 100%; }
body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
/* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */
.ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing. */
#backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic;}
a img {border:none;}
.image_fix {display:block;}
p {margin: 0px 0px !important;}
table td {border-collapse: collapse;}
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
a {color: #2a84c6;text-decoration: none;text-decoration:none!important;}
/*STYLES*/
table[class=full] { width: 100%; clear: both; }
table{ border-collapse: collapse; table-layout: fixed; margin:0 auto; }
table table {table-layout: auto; margin: 0 auto;}
/*IPAD STYLES*/
@media only screen and (max-width: 640px) {
a[href^="tel"], a[href^="sms"] {
text-decoration: none;
color: #33b9ff; /* or whatever your want */
pointer-events: none;
cursor: default;
}
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
text-decoration: default;
color: #33b9ff !important;
pointer-events: auto;
cursor: default;
}
table[class=devicewidth] {width: 440px!important;text-align:center!important;}
table[class=devicewidthinner] {width: 420px!important;text-align:center!important;}
img[class=banner] {width: 440px!important;height:220px!important;}
img[class=col2img] {width: 440px!important;height:220px!important;}
td[class=devicehalf] {width: 0px!important;text-align:center!important;}
td[class=footsocialpad] {width:10px!important;}
td[class=ft-social] {width: 10px!important;}
td[class=zerowidth] {width: 0px!important;text-align:center!important;}
}
/*IPHONE STYLES*/
@media only screen and (max-width: 480px) {
a[href^="tel"], a[href^="sms"] {
text-decoration: none;
color: #33b9ff; /* or whatever your want */
pointer-events: none;
cursor: default;
}
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
text-decoration: default;
color: #33b9ff !important;
pointer-events: auto;
cursor: default;
}
table[class=devicewidth] {width: 300px!important;text-align:center!important;}
table[class=devicewidthinner] {width: 260px!important;text-align:center!important;}
table[class=cardlowercta] {font-size: 13.5px!important; width:100%!important;}
img[class=banner] {width: 300px!important;height:auto!important;}
img[class=col2img] {width: 280px!important;height:140px!important;}
td[class=zerowidth] {width: 0px!important;text-align:center!important;}
td[class=footsocialpad] {width:0px!important;text-align: center!important;}
td[class=ft-social] {width:30px!important;visibility: hidden;}
td[class=propAddress] {width:265px!important;font-size:16px!important;line-height: 20px!important;}
br[class=phoneSpace] { line-height:60px!important; display: block!important;}
td[class=mobileText] {font-size: 16px!important;}
td[class=mobileColumn] {text-align:center!important;font-size:13px!important;line-height: 17px;}
td[class=mobileSpacer] {width:100%!important;display: block;}
td[class=mobileCTA] {width:100%!important;display:block;text-align:center!important;}
}
</style>
<style type='text/css'></style></head>
<body bgcolor="#f2f2f2">
<table width="100%" bgcolor="#f2f2f2" align="center" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" style="table-layout:fixed;">
<tbody>
<tr>
<td width="100%" bgcolor="#f2f2f2">
<table width="600" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<tr>
<td width="100%" bgcolor="#f2f2f2">
<table width="600" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<tr>
<td>
<!-- start of Green Header Bar -->
<table bgcolor="#10964c" width="100%" height="20" border="0" align="right" valign="middle" cellpadding="0" cellspacing="0" border="0" class="devicewidth">
<tbody>
<tr>
<td height="20" align="center" valign="middle">
<!-- logo -->
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
<tbody>
<tr>
<td width="315px" height="75" align="center">
<div class="imgpop">
<a target="_blank" href="htpp://www.landsofamerica.com">
<img src="https://litmus-builder.s3.amazonaws.com/1431638635847" width="200" height="auto" />
</a>
</div>
</td>
</tr>
</tbody>
</table>
<!-- end of logo -->
</td>
</tr>
</tbody>
</table>
<!-- end of Green Header Bar -->
<!-- Start of seperator -->
<table width="100%" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="seperator">
<tbody>
<tr>
<td>
<table width="600" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidth">
<tbody>
<tr>
<td align="center" height="30" style="font-size:1px; line-height:1px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- End of seperator -->
<table width="560" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidth">
<tbody>
<!-- spacing -->
<tr>
<td width="100%" height="10" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- End of spacing -->
<!-- Sub Title -->
<tr>
<td style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 14px; color: #5c5c5c; text-align:center; line-height: 25px;">
These properties match your previous search:
</td>
</tr>
<!-- spacing -->
<tr>
<td width="100%" height="10" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- End of spacing -->
<tr>
<td style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 16px; color: #5c5c5c; text-align:center; line-height: 22px;">
Acreage, Up to 10,000,000 acres, Any Price, in Any County in Texas
</td>
</tr>
<!-- End of Subtitle -->
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- End of Header -->
<table width="100%" bgcolor="#f2f2f2" align="center" class="devicewidth">
<!-- Spacing -->
<tr>
<td bgcolor="#f2f2f2" height="25" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
</table>
<!-- Start of New Properties Title -->
<table width="100%" bgcolor="#f2f2f2" align="center" cellpadding="0" cellspacing="0" class="devicewidth">
<tr>
<td>
<table width="600" bgcolor="#f2f2f2" align="center" cellpadding="0" cellspacing="0" class="devicewidth">
<tr>
<td align="center" style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 25px;color: #5c5c5c;"><span style="font-size: 25px;font-weight:600; ">3</span> New Properties</td>
</tr>
<tr height="15">
<td align="center" style="mso-height-rule: exactly;line-height:15px;"> </td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End of New Properties Title -->
<!-- Start Property Image -->
<a href="http://google.com" target="_blank">
<div>
<table width="100%" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="seperator" >
<tbody>
<tr>
<td bgcolor="#f2f2f2">
<table width="600" bgcolor="#ffffff" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidth" style="border:1px solid #d1d1d1;">
<tbody>
<tr>
<td align="center" class="devicewidth"><img class="banner" src="https://litmus-builder.s3.amazonaws.com/1431460743299" /></td>
</tr>
<tr width="600" align="center">
<td>
<table width="600" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="seperator" >
<tr align="center" >
<td bgcolor="#ffffff">
<!-- START PROPERTY DESCRIPTION -->
<table width="500" align="center" bgcolor="#ffffff" class="devicewidth">
<tr>
<td colspan="3" height="20"> </td>
</tr>
<tr>
<td width="18"> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 18px;color: #5c5c5c;line-height:22px;text-align: left;">1-10 Frontage Road</td>
<td width="18"> </td>
</tr>
<tr>
<td width="18"> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 17px;color: #5c5c5c;line-height:20px;text-align: left;">1234 Fake Street, Travis County, Texas, 94520</td>
<td width="18"> </td>
</tr>
<tr>
<td width="18"> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 17px;color: #5c5c5c; line-height:22px; font-weight:600;text-align: left;">$375,000 | 2.5 Acres</td>
<td width="18"> </td>
</tr>
<tr>
<td width="18"> </td>
<td> </td>
<td width="18"> </td>
</tr>
</table>
<!-- END PROPERTY DESCRIPTION -->
</td>
</tr>
<!-- Property Card Bottom CTA -->
<tr>
<td height="10" style="border-top: 1px solid #e2e2e2;"> </td>
</tr>
<tr>
<td>
<table width="500" bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="devicewidthinner">
<tr style="valign:top;">
<td class="mobileCTA" style="width:45%;font-family:'Helvetica', 'Arial', sans-serif; font-size: 15px;color:#0487d9; line-height:15px; font-weight:500;">
<div>
<a href="google.com">
<table bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="cardlowercta">
<tr>
<td class="mobileSpacer"></td>
<td align="center" width="25"><img src="https://litmus-builder.s3.amazonaws.com/1433440410288" width="25" height="auto" /></td>
<td> </td>
<td align="left" style="color:#0487d9;font-family:'Helvetica', 'Arial', sans-serif;color:#0487d9; line-height:15px;">View Additional Pictures</td>
</tr>
</table>
</a>
</div>
</td>
<td height="5" class="mobileSpacer" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
<td class="mobileCTA" style="width:55%;font-family:'Helvetica', 'Arial', sans-serif; font-size: 15px;color:#0487d9; line-height:15px; font-weight:500;">
<div>
<a href="google.com">
<table bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="cardlowercta">
<tr>
<td align="center" width="30"><img src="https://litmus-builder.s3.amazonaws.com/1433370736915" width="25" height="auto" /></td>
<td> </td>
<td align="left" style="color:#0487d9;font-family:'Helvetica', 'Arial', sans-serif;color:#0487d9; line-height:15px;">Contact David Companik, Broker</td>
</tr>
</table>
</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr height="10">
<td height="10" style="font-size:1px; line-height:10px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- End Property Card Bottom CTA -->
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="100%" height="35" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"></td>
</tr>
</tbody>
</table>
</div>
</a>
<!-- End Property Image -->
<!-- Start Property Image -->
<a href="http://google.com" target="_blank">
<div>
<table width="100%" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="seperator" >
<tbody>
<tr>
<td bgcolor="#f2f2f2">
<table width="600" bgcolor="#ffffff" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidth" style="border:1px solid #d1d1d1;">
<tbody>
<tr>
<td align="center" class="devicewidth"><img class="banner" src="georgia.jpg" width="600" height="347" /></td>
</tr>
<tr width="600" align="center">
<td>
<table width="600" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="seperator" >
<tr align="center" >
<td bgcolor="#ffffff">
<!-- START PROPERTY DESCRIPTION -->
<table width="500" align="center" bgcolor="#ffffff" class="devicewidth">
<tr>
<td colspan="3" height="20"> </td>
</tr>
<tr>
<td width="18"> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 18px;color: #5c5c5c;line-height:29px;text-align: left;">1-10 Frontage Road</td>
<td width="18"> </td>
</tr>
<tr>
<td width="18"> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 17px;color: #5c5c5c;line-height:25px;text-align: left;">1234 Fake Street, Travis County, Texas, 94520</td>
<td width="18"> </td>
</tr>
<tr>
<td width="18"> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 18px;color: #5c5c5c; line-height:29px; font-weight:600;text-align: left;">$375,000 | 2.5 Acres</td>
<td width="18"> </td>
</tr>
<tr>
<td width="18"> </td>
<td> </td>
<td width="18"> </td>
</tr>
</table>
<!-- END PROPERTY DESCRIPTION -->
</td>
</tr>
<!-- Property Card Bottom CTA -->
<tr>
<td height="10" style="border-top: 1px solid #e2e2e2;"> </td>
</tr>
<tr>
<td>
<table width="500" bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="devicewidthinner">
<tr style="valign:top;">
<td class="mobileCTA" style="width:45%;font-family:'Helvetica', 'Arial', sans-serif; font-size: 15px;color:#0487d9; line-height:15px; font-weight:500;">
<div>
<a href="google.com">
<table bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="cardlowercta">
<tr>
<td class="mobileSpacer"></td>
<td align="center" width="25"><img src="https://litmus-builder.s3.amazonaws.com/1433440410288" width="25" height="auto" /></td>
<td> </td>
<td align="left" style="color:#0487d9;font-family:'Helvetica', 'Arial', sans-serif;color:#0487d9; line-height:15px;">View Additional Pictures</td>
</tr>
</table>
</a>
</div>
</td>
<td height="5" class="mobileSpacer" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
<td class="mobileCTA" style="width:55%;font-family:'Helvetica', 'Arial', sans-serif; font-size: 15px;color:#0487d9; line-height:15px; font-weight:500;">
<div>
<a href="google.com">
<table bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="cardlowercta">
<tr>
<td align="center" width="30"><img src="https://litmus-builder.s3.amazonaws.com/1433370736915" width="25" height="auto" /></td>
<td> </td>
<td align="left" style="color:#0487d9;font-family:'Helvetica', 'Arial', sans-serif;color:#0487d9; line-height:15px;">Contact David Companik, Broker</td>
</tr>
</table>
</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr height="10">
<td height="10" style="font-size:1px; line-height:10px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- End Property Card Bottom CTA -->
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="100%" height="35" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"></td>
</tr>
</tbody>
</table>
</div>
</a>
<!-- End Property Image -->
<!-- Start Property Image -->
<a href="http://google.com" target="_blank">
<div>
<table width="100%" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="seperator" >
<tbody>
<tr>
<td bgcolor="#f2f2f2">
<table width="600" bgcolor="#ffffff" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidth" style="border:1px solid #d1d1d1;">
<tbody>
<tr>
<td align="center" class="devicewidth"><img class="banner" src="https://litmus-builder.s3.amazonaws.com/1431460743211" /></td>
</tr>
</tbody>
<tr width="600" align="center">
<td>
<table width="600" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="seperator" >
<tr align="center" >
<td bgcolor="#ffffff">
<!-- START PROPERTY DESCRIPTION -->
<table width="500" align="center" bgcolor="#ffffff" class="devicewidth">
<tr>
<td colspan="3" height="20"> </td>
</tr>
<tr>
<td width="18"> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 18px;color: #5c5c5c;line-height:29px;text-align: left;">1-10 Frontage Road</td>
<td width="18"> </td>
</tr>
<tr>
<td width="18"> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 17px;color: #5c5c5c;line-height:25px;text-align: left;">
1234 Fake Street, Travis County, Texas, 94520
<td width="18"> </td>
</tr>
<tr>
<td width="18"> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 18px;color: #5c5c5c; line-height:29px; font-weight:600;text-align: left;">$375,000 | 2.5 Acres</td>
<td width="18"> </td>
</tr>
<tr>
<td width="18"> </td>
<td> </td>
<td width="18"> </td>
</tr>
</table>
<!-- END PROPERTY DESCRIPTION -->
</td>
</tr>
<!-- Property Card Bottom CTA -->
<tr>
<td height="10" style="border-top: 1px solid #e2e2e2;"> </td>
</tr>
<tr>
<td>
<table width="500" bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="devicewidthinner">
<tr style="valign:top;">
<td class="mobileCTA" style="width:45%;font-family:'Helvetica', 'Arial', sans-serif; font-size: 15px;color:#0487d9; line-height:15px; font-weight:500;">
<div>
<a href="google.com">
<table bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="cardlowercta">
<tr>
<td class="mobileSpacer"></td>
<td align="center" width="25"><img src="https://litmus-builder.s3.amazonaws.com/1433440410288" width="25" height="auto" /></td>
<td> </td>
<td align="left" style="color:#0487d9;font-family:'Helvetica', 'Arial', sans-serif;color:#0487d9; line-height:15px;">View Additional Pictures</td>
</tr>
</table>
</a>
</div>
</td>
<td height="5" class="mobileSpacer" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
<td class="mobileCTA" style="width:55%;font-family:'Helvetica', 'Arial', sans-serif; font-size: 15px;color:#0487d9; line-height:15px; font-weight:500;">
<div>
<a href="google.com">
<table bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="cardlowercta">
<tr>
<td align="center" width="30"><img src="https://litmus-builder.s3.amazonaws.com/1433370736915" width="25" height="auto" /></td>
<td> </td>
<td align="left" style="color:#0487d9;font-family:'Helvetica', 'Arial', sans-serif;color:#0487d9; line-height:15px;">Contact David Companik, Broker</td>
</tr>
</table>
</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="10" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- End Property Card Bottom CTA -->
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
<tr>
<td width="100%" height="35" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"></td>
</tr>
</table>
</div>
</a>
<!-- End Property Image -->
<!-- Start of Updated Properties Title -->
<table width="100%" bgcolor="#f2f2f2" align="center" cellpadding="0" cellspacing="0" class="devicewidth">
<tr>
<td>
<table width="600" bgcolor="#f2f2f2" align="center" cellpadding="0" cellspacing="0" class="devicewidth">
<tr height="10">
<td align="center"> </td>
</tr>
<tr>
<td align="center" style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 25px;color: #5c5c5c;"><span style="font-size: 25px;font-weight:600; ">2</span> Updated Properties</td>
</tr>
<tr height="30">
<td align="center"> </td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End of New Properties Title -->
<!-- Start Updated Properties Card -->
<a href="http://google.com" target="_blank">
<div>
<table width="100%" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="seperator" >
<tbody>
<tr>
<td bgcolor="#f2f2f2">
<table width="600" bgcolor="#ffffff" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidth" style="border:1px solid #d1d1d1;">
<tbody>
<tr>
<td align="center" class="devicewidth"><img class="banner" src="https://litmus-builder.s3.amazonaws.com/1431460743299" /></td>
</tr>
<tr width="600" align="center">
<td>
<table width="600" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="seperator" >
<tr align="center" >
<td bgcolor="#ffffff">
<!-- START PROPERTY DESCRIPTION -->
<table width="500" align="center" bgcolor="#ffffff" class="devicewidth">
<tr>
<td colspan="3" height="20"> </td>
</tr>
<tr>
<td width="18"> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 18px;color: #5c5c5c;line-height:29px;text-align: left;">1-10 Frontage Road</td>
<td width="18"> </td>
</tr>
<tr>
<td width="18"> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 17px;color: #5c5c5c;line-height:25px;text-align: left;">
1234 Fake Street, Travis County, Texas, 94520
<td width="18"> </td>
</tr>
<tr height="30">
<td> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 18px;color: #5c5c5c;">
<table width="100%" class="devicewidthinner">
<tbody>
<tr>
<td id="origPrice" width="80" class="mobileText" style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 17px;color: #5c5c5c;line-height:25px;text-align: left;font-weight:400;"><strike>$375,000</strike></td>
<td id="newPrice" width="90" align="center" class="mobileText" style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 17px;color: #5c5c5c;line-height:25px;border-left:3px solid #5c5c5c;border-right:3px solid #5c5c5c;font-weight:600;">$350,000</td>
<td id="acres" class="mobileText" style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 17px;color: #5c5c5c;line-height:25px;font-weight:600;"> 40 Acres</td>
</tr>
</tbody>
</table>
</td>
<td> </td>
</tr>
<tr>
<td width="18"> </td>
<td> </td>
<td width="18"> </td>
</tr>
</table>
<!-- END PROPERTY DESCRIPTION -->
</td>
</tr>
<!-- Property Card Bottom CTA -->
<tr>
<td height="10" style="border-top: 1px solid #e2e2e2;"> </td>
</tr>
<tr>
<td>
<table width="500" bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="devicewidthinner">
<tr style="valign:top;">
<td class="mobileCTA" style="width:45%;font-family:'Helvetica', 'Arial', sans-serif; font-size: 15px;color:#0487d9; line-height:15px; font-weight:500;">
<div>
<a href="http://google.com">
<table bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="cardlowercta">
<tr>
<td class="mobileSpacer"></td>
<td align="center" width="25"><img src="https://litmus-builder.s3.amazonaws.com/1433440410288" width="25" height="auto" /></td>
<td> </td>
<td align="left" style="color:#0487d9;font-family:'Helvetica', 'Arial', sans-serif;color:#0487d9; line-height:15px;">View Additional Pictures</td>
</tr>
</table>
</a>
</div>
</td>
<td height="5" class="mobileSpacer" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
<td class="mobileCTA" style="width:55%;font-family:'Helvetica', 'Arial', sans-serif; font-size: 15px;color:#0487d9; line-height:15px; font-weight:500;">
<div>
<a href="google.com">
<table bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="cardlowercta">
<tr>
<td align="center" width="30"><img src="https://litmus-builder.s3.amazonaws.com/1433370736915" width="25" height="auto" /></td>
<td> </td>
<td align="left" style="color:#0487d9;font-family:'Helvetica', 'Arial', sans-serif;color:#0487d9; line-height:15px;">Contact David Companik, Broker</td>
</tr>
</table>
</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="10" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- End Property Card Bottom CTA -->
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="100%" height="35" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"></td>
</tr>
</tbody>
</table>
</div>
</a>
<!-- End Updated Properties Card -->
<!-- Start Updated Properties Card -->
<a href="http://google.com" target="_blank">
<div>
<table width="100%" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="seperator" >
<tbody>
<tr>
<td bgcolor="#f2f2f2">
<table width="600" bgcolor="#ffffff" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidth" style="border:1px solid #d1d1d1;">
<tbody>
<tr>
<td align="center" class="devicewidth"><img class="banner" src="https://litmus-builder.s3.amazonaws.com/1431460743211" /></td>
</tr>
<tr width="600" align="center">
<td>
<table width="600" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="seperator" >
<tr align="center" >
<td bgcolor="#ffffff">
<!-- START PROPERTY DESCRIPTION -->
<table width="500" align="center" bgcolor="#ffffff" class="devicewidth">
<tr>
<td colspan="3" height="20"> </td>
</tr>
<tr>
<td width="18"> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 18px;color: #5c5c5c;line-height:29px;text-align: left;">1-10 Frontage Road</td>
<td width="18"> </td>
</tr>
<tr>
<td width="18"> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 17px;color: #5c5c5c;line-height:25px;text-align: left;">
1234 Fake Street, Travis County, Texas, 94520
<td width="18"> </td>
</tr>
<tr height="30">
<td> </td>
<td style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 18px;color: #5c5c5c;">
<table width="100%" class="devicewidthinner">
<tbody>
<tr>
<td id="origPrice" width="80" class="mobileText" style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 17px;color: #5c5c5c;line-height:25px;text-align: left;font-weight:400;"><strike>$375,000</strike></td>
<td id="newPrice" width="90" align="center" class="mobileText" style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 17px;color: #5c5c5c;line-height:25px;border-left:3px solid #5c5c5c;border-right:3px solid #5c5c5c;font-weight:600;">$350,000</td>
<td id="acres" class="mobileText" style="font-family:'Helvetica', 'Arial', sans-serif; font-size: 17px;color: #5c5c5c;line-height:25px;font-weight:600;"> 40 Acres</td>
</tr>
</tbody>
</table>
</td>
<td> </td>
</tr>
<tr>
<td width="18"> </td>
<td> </td>
<td width="18"> </td>
</tr>
</table>
<!-- END PROPERTY DESCRIPTION -->
</td>
</tr>
<!-- Property Card Bottom CTA -->
<tr>
<td height="10" style="border-top: 1px solid #e2e2e2;"> </td>
</tr>
<tr>
<td>
<table width="500" bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="devicewidthinner">
<tr style="valign:top;">
<td class="mobileCTA" style="width:45%;font-family:'Helvetica', 'Arial', sans-serif; font-size: 15px;color:#0487d9; line-height:15px; font-weight:500;">
<div>
<a href="http://google.com">
<table bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="cardlowercta">
<tr>
<td class="mobileSpacer"></td>
<td align="center" width="25"><img src="https://litmus-builder.s3.amazonaws.com/1433440410288" width="25" height="auto" /></td>
<td> </td>
<td align="left" style="color:#0487d9;font-family:'Helvetica', 'Arial', sans-serif;color:#0487d9; line-height:15px;">View Additional Pictures</td>
</tr>
</table>
</a>
</div>
</td>
<td height="5" class="mobileSpacer" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
<td class="mobileCTA" style="width:55%;font-family:'Helvetica', 'Arial', sans-serif; font-size: 15px;color:#0487d9; line-height:15px; font-weight:500;">
<div>
<a href="google.com">
<table bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" class="cardlowercta">
<tr>
<td align="center" width="30"><img src="https://litmus-builder.s3.amazonaws.com/1433370736915" width="25" height="auto" /></td>
<td> </td>
<td align="left" style="color:#0487d9;font-family:'Helvetica', 'Arial', sans-serif;color:#0487d9; line-height:15px;">Contact David Companik, Broker</td>
</tr>
</table>
</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="10" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- End Property Card Bottom CTA -->
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="100%" height="35" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"></td>
</tr>
</tbody>
</table>
</div>
</a>
<!-- End Updated Properties Card -->
<!-- Map Feature Start -->
<table width="100%" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
<tbody>
<tr>
<td>
<table width="600" bgcolor="#f2f2f2" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidth" style="border:1px solid #d1d1d1;">
<tbody>
<tr width="600" align="center">
<td>
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="400" class="devicewidth">
<tr>
<td background="http://i.imgur.com/gtZ9gN5.jpg" bgcolor="#e2e2e2" width="100%">
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;">
<v:fill type="tile" src="http://i.imgur.com/gtZ9gN5.jpg" color="#e2e2e2" />
<v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
<![endif]-->
<!-- START MAPPING -->
<div>
<table align="center" width="400" height="300" class="devicewidthinner">
<tr height="50">
<td> </td>
</tr>
<tr>
<td align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 25px; color: #5c5c5c; font-weight:400; line-height:45px;">But wait, theres more.</td>
</tr>
<tr height="30" align="center">
<td style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 20px;color: #555; font-weight:100; line-height:30px;">7 additional Properties matched your search.</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="center">
<div>
<a href="http://"style="background-color:#15b328;border-radius:4px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">View 7 Additional Properties</a>
</div>
</td>
</tr>
<tr height="45">
<td> </td>
</tr>
</table>
</div>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
<!-- END MAPPING -->
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- End Mapping -->
<!-- Start of seperator -->
<table width="100%" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
<tbody>
<tr>
<td>
<table width="600" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidth" style="border-top:1px solid #d1d1d1;">
<tbody>
<tr>
<td align="center" height="65" style="font-size:1px; line-height:1px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- End of seperator -->
<!-- Start of Additional Options -->
<table width="100%" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
<tbody>
<tr>
<td>
<table width="600" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidth" style="font-family:'Helvetica', 'Arial', sans-serif; font-size:12px;">
<tbody>
<tr>
<td width="80"> </td>
<td width="100" align="center" class="mobileColumn"><a href="#" style="text-decoration: none; color: #2a84c6;">View all search results</a></td>
<td width="20"> </td>
<td width="100" align="center" class="mobileColumn" ><a href="#" style="text-decoration: none; color: #2a84c6;">Manage Alerts</a></td>
<td width="10"> </td>
</tr>
<tr height="5" >
<td colspan="5"> </td>
</tr>
<tr>
<td width="10"> </td>
<td width="100" align="center" class="mobileColumn"><a href="#" style="text-decoration: none; color: #2a84c6;">Cancel this Alert</a></td>
<td width="10"> </td>
<td width="100" align="center" class="mobileColumn"><a href="#" style="text-decoration: none; color: #2a84c6;">Manage your saved searches</a></td>
<td width="80"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- End of Additional Options -->
<!-- Start of Footer -->
<table width="100%" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" align="center" id="backgroundTable">
<tbody>
<tr>
<td>
<table width="600" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth" >
<tbody>
<tr>
<td width="100%">
<table bgcolor="#f2f2f2" width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<!-- Spacing -->
<tr>
<td height="50" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- Spacing -->
<tr>
<td>
<!-- Start of Footer -->
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
<tbody>
<tr align="center">
<td align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 14px; color: #5c5c5c; font-weight:100; line-height:20px;">101 California Street, <br />43rd Floor, San Francisco, CA 94111</td>
</tr>
<!-- Spacing -->
<tr>
<td height="10" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- Spacing -->
<tr>
<td height="10" align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 12px; color: #5c5c5c; font-weight:100; line-height:20px;"> A CoStar company. All Rights Reserved. </td>
</tr>
<tr align="center">
<td align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 12px; color: #5c5c5c; font-weight:100; line-height:20px;"> <a href="" style="color:#5c5c5c;">©2003-2015 LandsofAmerica.com</a></td>
</tr>
<tr>
<td width="100%" align="center" valign="middle" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 13px;color: #282828; line-height: 30px;">
Can't see this Email? View it in your <a href="#" style="text-decoration: none;">Browser </a>
</td>
</tr>
</tbody>
</table>
<!-- End of Footer -->
</td>
</tr>
<!-- Spacing -->
<tr>
<td height="25" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- Spacing -->
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- End of footer -->
</body>
</html>
Hey, Mike. It looks like the VML part for the button was missing. Give this a whirl: https://litmus.com/builder/b95fad2
Hi Dan! Thanks for taking a look - I added in the part you mentioned but I am still hitting the same problem. http://imgur.com/Fpw2z02 Maybe this will help
Ahh, this one is out of my wheelhouse. It's possible that you can't nest VML in VML because if I remove the mapping VML it works. https://litmus.com/pub/fd9a5a1/screenshots
To keep the mapping, you may have to try alternative button options. Kevin has all the good options here: https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design
Thanks Dan! You are a god among men. The nested VML didn't occur to me, guess I have been staring at this code for too long. Went with one of the other options. Thanks again!