Can't add modules to separate tables inside container
- January 23, 2018
- 1 reply
- 1677 views
Hi,
I have an email I'm working on and finally got a module to work but can't make the container include two different tables. In other words I would like to add the module I created to two sections (different tables) but when I place the container class on a parent table it doesn't work. I've attached an image showing the email layout and description of what I want. The code is below. I deleted the CSS to shorten for viewing purposes. Highlighted in red is where the current container and module is.
<div class="main_container">
<!-- Header -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" >
<tr>
<td align="center">
<table class="full_width_700" width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="background-color: #003b49;">
<tr><td height="10" width="100%" style="height:10px;"></td></tr>
<tr>
<td>
<!-- Header Logo -->
<table class="full_width_700 txt_center" width="65%" align="left" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td>
<a href="premierinc.com">
<img src="offers.premierinc.com/rs/381-NBB-525/images/plogo.png" width="230px" height="52px" border="0" style="margin:10px 5px 15px 66px;"/>
</a>
</td>
</tr>
</table>
<!-- End Header Logo -->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End Header -->
<!-- In Container -->
<table class="in_container" border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr>
<td>
<!-- Hero -->
<tr>
<td><img src="offers.premierinc.com/rs/381-NBB-525/images/mm-hero3.jpg" style="vertical-align:top;" width="100%" alt="" /></td>
</tr>
<!-- End Hero -->
<!-- About -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" bgcolor="ffffff" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#ffffff;">
<tr><td height="40px" width="100%" style="height:40px;"></td></tr>
<tr>
<td align="center">
<table class="full_width_600" width="70%" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">
<tr>
<td align="left" width="54%" style="width:54%;"><div class="mktoText" id="title" mktoName="title"><p style="text-align:center; color: #676f84; font-family: 'Roboto Slab', serif; font-size: 28px; font-weight: 600; line-height:30px;">Salubrious. You know what that <br>means don’t you?</p></div></td>
</tr>
</table>
</td>
</tr>
<tr><td height="15px" width="100%" style="height:15px;"></td></tr>
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">
<tr>
<td> <div class="mktoText" id="para1" mktoName="para1"><p style="text-align:center; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;">
This will be a nice paragraph summing up the email below. This will be a nice paragraph summing up the email below.This will be a nice paragraph.</p></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr><td height="40px" width="100%" style="height:40px;"></td></tr>
</table>
<!-- End About -->
<!-- Split -->
<table class="full_width_700" width="100%" cellpadding="0" align="center" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;background-color: #7a979f" class="full_width_600">
<tr>
<td>
<!-- right part -->
<table class="full_width_700" width="70%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
</td>
<td>
<table border="0" cellpadding="0" cellspacing="0" align="center" class="quote_content_width">
<tr>
<td width="100%" height="20"></td>
</tr>
<tr>
<td>
<!-- Text -->
<table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"><img style="margin-bottom:20px;" src="offers.premierinc.com/rs/381-NBB-525/images/megaphone.png" alt="LineItemDetails" height="100" width="100">
<tr>
<td align="center" ><div class="mktoText" id="title2" mktoName="title2"><p style="text-align:center; color: #ffc627; font-family: 'Roboto Slab', serif; font-size: 25px; font-weight: 600; line-height:30px;">Word of Mouth</p></div></td>
</tr>
</table>
</td>
</tr>
<tr><td height="15px" width="100%" style="height:15px;"></td></tr>
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">
<tr>
<td>
<div class="mktoText" id="para2" mktoName="para2"><p style="text-align:center; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 22px;">Premier members working to identify and share best practices in sepsis prevention, detection and treatment recently reported an 18 percent overall decrease in sepsis mortality from 2008-2016. Dr. Madeleine Biondolillo, vice president of quality and safety at Premier, explains the keys to success in a recent interview with HFMA.</p></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End Text -->
</td>
</tr>
<tr>
<td width="100%" height="30"></td>
</tr>
<tr>
<td>
<!-- Download Button -->
<table width="125" cellpadding="0" cellspacing="0" align="center" style=" border-radius:4px; border: 2px solid #ffc627;" class="center">
<tr>
<td width="100%" height="10"></td>
</tr>
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;">
<tr>
<td align="center" style="text-align:center;">
<div class="mktoText" id="button1" mktoName="button1"><p><a href="premierinc.com" style="text-decoration:none; display: block; width: 100%; color: #ffc627; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600;">Read More</a></p></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="10"></td>
</tr>
</table>
<!-- End Download Button -->
</td>
</tr>
<tr>
<td width="100%" height="30"></td>
</tr>
</table>
</td>
<td>
</td>
</tr>
</table>
<!-- end right part -->
</td>
</tr>
</table>
<!-- End Split -->
<!-- Split -->
<table class="full_width_700" width="100%" cellpadding="0" align="center" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;background-color: #0091b3" class="full_width_600">
<tr>
<td>
<!-- right part -->
<table class="full_width_700" width="70%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
</td>
<td>
<table border="0" cellpadding="0" cellspacing="0" align="center" class="quote_content_width">
<tr>
<td width="100%" height="20"></td>
</tr>
<tr>
<td>
<!-- Text -->
<table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"><img style="margin-bottom:20px;" src="offers.premierinc.com/rs/381-NBB-525/images/gears.png" alt="LineItemDetails" height="100" width="100">
<tr>
<td align="center"> <div class="mktoText" id="title3" mktoName="title3"><p style="text-align:center; color: #ffc627; font-family: 'Roboto Slab', serif; font-size: 25px; font-weight: 600; line-height:30px;">Did You Know?</p></div></td>
</tr>
</table>
</td>
</tr>
<tr><td height="15px" width="100%" style="height:15px;"></td></tr>
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">
<tr>
<td><div class="mktoText" id="para3" mktoName="para3"><p style="text-align:center; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 22px;">
Countdown to Real ID Act. Effective Jan. 22, 2018, the Department of Homeland Security will no longer accept state-issued IDs or driver’s licenses for domestic flights from several states. Find out if your state meets the new federal standards. </p></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End Text -->
</td>
</tr>
<tr>
<td width="100%" height="30"></td>
</tr>
<tr>
<td>
<!-- Download Button -->
<table width="125" cellpadding="0" cellspacing="0" align="center" style=" border-radius:4px; border: 2px solid #ffc627;" class="center">
<tr>
<td width="100%" height="10"></td>
</tr>
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;">
<tr>
<td align="center" style="text-align:center;">
<div class="mktoText" id="button2" mktoName="button2"><p><a href="premierinc.com" style="text-decoration:none; display: block; width: 100%; color: #ffc627; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600;">Read More</a></p></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="10"></td>
</tr>
</table>
<!-- End Download Button -->
</td>
</tr>
<tr>
<td width="100%" height="30"></td>
</tr>
</table>
</td>
<td>
</td>
</tr>
</table>
<!-- end right part -->
</td>
</tr>
</table>
<!-- End Split -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" bgcolor="ffffff" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#ffffff;">
<tr><td height="40px" width="100%" style="height:40px;"></td></tr>
<tr>
<td align="center">
<table class="full_width_600" width="90%" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">
<tr>
<td align="left" width="54%"><div class="mktoText" id="checklisttitle" mktoName="checklisttitle"><p style="text-align:center; color: #676f84; font-family: 'Roboto Slab', serif; font-size: 28px; font-weight: 600; line-height:30px;">Your Checklist</p> <br> <p style="font-size:18px;text-align:center; color: #676f84; font-family: 'Roboto Slab', serif;font-weight: 600;">Weeks of Oct. 16 and 23</p></div></td>
</tr>
</table><hr class="yellow-line">
</td>
</tr>
<tr><td height="15px" width="100%" style="height:15px;"></td></tr>
<tr>
<td>
<table class="mktoContainer" id="mkto-container" width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">
<tr class="mktoModule" mktoname="Article Module" id="article_listing_module" >
<td>
<td> <div class="mktoText" id="listitem1" mktoName="listitem1"><p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;">
Don't Let the Flu Beat You | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Make an appointment to get your flu shot at one of our on-site clinics. Find out how. </span></div><hr style="border-top:1px; color:#999999;margin: 10px;">
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">
<tr>
<td> <div class="mktoText" id="listitem2" mktoName="listitem2"><p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;">
Don't Let the Flu Beat You | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Make an appointment to get your flu shot at one of our on-site clinics. Find out how. </span></p></div><hr style="border-top:1px; color:#999999;margin: 10px;">
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">
<tr>
<td><div class="mktoText" id="listitem3" mktoName="listitem3"><p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;">
Don't Let the Flu Beat You | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Make an appointment to get your flu shot at one of our on-site clinics. Find out how. </span></p></div><hr style="border-top:1px; color:#999999;margin: 10px;">
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">
<tr>
<td> <div class="mktoText" id="listitem4" mktoName="listitem4"><p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;">
Don't Let the Flu Beat You | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Make an appointment to get your flu shot at one of our on-site clinics. Find out how. </span></p></div><hr style="border-top:1px; color:#999999;margin: 10px;">
</td>
</tr>
</table>
</td>
</tr>
<tr><td height="40px" width="100%" style="height:40px;"></td></tr>
</table>
<table class="full_width_600" width="90%" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">
<tr>
<td align="left" width="54%"><div class="mktoText" id="eventtitle" mktoName="eventttitle"><p style="text-align:center; color: #676f84; font-family: 'Roboto Slab', serif; font-size: 28px; font-weight: 600; line-height:30px;">Upcoming Events</p> <br> <p style="font-size:18px;text-align:center; color: #676f84; font-family: 'Roboto Slab', serif;font-weight: 600;">Mark your calendar and save the date for these upcoming events:</p></div></td>
</tr>
</table><hr class="yellow-line">
</td>
</tr>
<tr><td height="15px" width="100%" style="height:15px;"></td></tr>
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">
<tr>
<td> <div class="mktoText" id="event1" mktoName="event1"><p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;">
Oct. 17-18 | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Flu Shot Clinics | CLT Office, 9 a.m. - 4 p.m. </span></p></div><hr style="border-top:1px; color:#999999;margin: 10px;">
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">
<tr>
<td> <div class="mktoText" id="event2" mktoName="event2"><p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;">
Oct. 17-18 | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Flu Shot Clinics | CLT Office, 9 a.m. - 4 p.m. </span></p></div><hr style="border-top:1px; color:#999999;margin: 10px;">
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">
<tr>
<td> <div class="mktoText" id="event3" mktoName="event3"><p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;">
Oct. 17-18 | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Flu Shot Clinics | CLT Office, 9 a.m. - 4 p.m. </span></p></div><hr style="border-top:1px; color:#999999;margin: 10px;">
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">
<tr>
<td> <div class="mktoText" id="event4" mktoName="event4"><p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;">
Oct. 17-18 | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Flu Shot Clinics | CLT Office, 9 a.m. - 4 p.m. </span></p></div><hr style="border-top:1px; color:#999999;margin: 10px;">
</td>
</tr>
</table>
</td>
</tr>
<tr><td height="40px" width="100%" style="height:40px;"></td></tr>
</table>
<!-- Action -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="background-image: url(offers.premierinc.com/rs/381-NBB-525/images/share.jpg);background-repeat: no-repeat;">
<tr><td height="40" width="100%" style="height:40px;"></td></tr>
<tr>
<td>
<!-- Caption -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0; text-align:center;">
<tr>
<td><div class="mktoText" id="share" mktoName="share"> <p style="color: #ffffff; font-family: 'Roboto Slab', serif; font-size: 30px; font-weight: 600;"> Have something to share?</p></div>
</td>
</tr>
</table>
<!-- End Caption -->
</td>
</tr>
<tr><td height="40" width="100%" style="height:40px;"></td></tr>
<tr>
<td align="center">
<!-- Download Button -->
<table width="200" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background: #ffc627; border-radius:2px;" class="center">
<tr>
<td width="100%" height="15"></td>
</tr>
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;">
<tr>
<td align="center" style="text-align:center;"><div class="mktoText" id="button3" mktoName="button3"><p>
<a href="premierinc.com" style="display: block; width: 100%; color: #000000; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 600; text-decoration:none; ">Let us know!</a></p></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="15"></td>
</tr>
</table>
<!-- End Download Button -->
</td>
</tr>
<tr><td height="40" width="100%" style="height:40px;"></td></tr>
</table>
<!-- End Action -->
<!-- Bottom -->
<div id="footer">
<div id="logo"></div>
<div class="social_icons">
<div id="twiterr_icon"></div>
<div id="linkedin_icon"></div>
<div id="insta_icon"></div>
<div id="youtube_icon"></div>
<div id="fb_icon"></div>
</div>
<!-- end social_icons -->
<p style="font-size: 12px;text-align: center;color:#ffffff;padding-top: 10px;padding-left: 20px;">Premier Inc. 13034 Ballantyne Corporate Pl, Charlotte, NC 28277 | <a href="premierinc.com/contact-premier/" style="text-decoration: none;">Contact Us</a> | <a href="premierinc.com/careers/" style="text-decoration: none;">Careers</a></p>
</div>
<!-- Bottom -->
</td>
</tr>
</table>
<!-- End In Container -->
</div>
</body>
</html>