Highlighted

Outlook background image fix not working

Contributor ,
Nov 01, 2017

Copy link to clipboard

Copied

Does anyone know a code fix to get my header image working? Right now it's set as a background image which I know is a no no. I've tried bulletproof background and I can't figure where to put the code. THis is what they gave me. Isn't there an easier way? There isn't any reason to have it set as a background since nothing is being placed over it.

Replace the opening <td> tag with…

<td background="http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg" bgcolor="#7bceeb" width="580" height="372" valign="top">

  <!--[if gte mso 9]>

  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:580px;height:372px;">

    <v:fill type="tile" src="http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg" color="#7bceeb" />

    <v:textbox inset="0,0,0,0">

  <![endif]-->

  <div>

…and the closing </td> tag with.

  </div>

  <!--[if gte mso 9]>

    </v:textbox>

  </v:rect>

  <![endif]-->

</td>

EMAIL CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" style="-moz-hyphens:none!important;-ms-hyphens:none!important;-webkit-hyphens:none!important;background:#000;hyphens:none!important">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width">

<title>My Email Templates</title>

<style>@media only screen{html{min-height:100%;background:#0a0a0a}}@media only screen and (max-width:616px){.small-float-center{margin:0 auto!important;float:none!important;text-align:center!important}}@media only screen and (max-width:616px){table.body img{width:auto;height:auto}table.body

center{min-width:0!important}table.body .container{width:100%!important}table.body .columns{height:auto!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:36px!important;padding-right:36px!important}table.body .columns

.columns{padding-left:0!important;padding-right:0!important}table.body .collapse .columns{padding-left:0!important;padding-right:0!important}th.small-6{display:inline-block!important;width:50%!important}th.small-12{display:inline-block!important;width:100%!important}.columns

th.small-12{display:block!important;width:100%!important}table.menu{width:100%!important}table.menu td,table.menu th{width:auto!important;display:inline-block!important}table.menu.vertical td,table.menu.vertical th{display:block!important}table.menu[align=center]{width:auto!important}}</style>

<style>.button {

  

   background: #0099cc;

  

   padding: 10px 75px;

   -webkit-border-radius: 0px;

   -moz-border-radius: 0px;

   border-radius: 0px;

   width: 300px;

   color: #ffffff;

   font-size: 14px;

   font-family: helvetica, serif;

   text-decoration: none;

   vertical-align: middle;

   }

  </style>

  <style>

@media screen and (max-width: 560px) {

.footer {

width: 100%!important;

}

.footer td {

display: block!important;

}

}

</style>

</head>

<body

style="-moz-box-sizing:border-box;-moz-hyphens:none!important;-ms-hyphens:none!important;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-webkit-hyphens:none!important;-webkit-text-size-adjust:100%;Margin:0;background:#000;box-sizing:border-box;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:none!important;line-height:1.3;margin:0;min-width:100%;padding:0;text-align:left;width:100%!important">

<span class="preheader" style="color:#0a0a0a;display:none!important;font-size:1px;line-height:1px;max-height:0;max-width:0;mso-hide:all!important;opacity:0;overflow:hidden;visibility:hidden"></span>

<table class="body"

style="-moz-hyphens:none!important;-ms-hyphens:none!important;-webkit-hyphens:none!important;Margin:0;background:#999999;border-collapse:collapse;border-spacing:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;height:100%;hyphens:none!important;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tr style="padding:0;text-align:left;vertical-align:top">

<td class="center" align="center" valign="top"

style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"><center

data-parsed="" style="min-width:580px;width:100%">

<table class="spacer float-center" style="Margin:0 auto;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="20px"

style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>

</tr>

</tbody>

</table>

<table align="center" class="container float-center" style="Margin:0 auto; background:#333; border-collapse:collapse; border-spacing:0; float:none; margin:0 auto; padding:0; text-align:center; vertical-align:top; width:580px; "  ><tbody style=""  ><tr style="padding:0; text-align:left; vertical-align:top; "  ><td style="-moz-hyphens:auto; -webkit-hyphens:auto; Margin:0; border-collapse:collapse!important; color:#0a0a0a; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; hyphens:auto; line-height:1.3; margin:0; padding:0; text-align:left; vertical-align:top; word-wrap:break-word; "  ><table class="row top_hero_area_reminder mktEditable" id="section1" style="background:#109132; background-image:url(http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg)!important; border-collapse:collapse; border-spacing:0; display:table; padding:0; position:relative; height:372px;text-align:left; vertical-align:top; width:100%; "  ><tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:36px;padding-right:36px;text-align:left;width:544px"> </th>

</tr>

</tbody>

</table></td></tr></tbody></table>

<table align="center" class="container float-center" style="Margin:0 auto;background:#ffffff;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:580px">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">

<table width="100%" style="background:#ffffff;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:middle">

<th width="580" height="100" class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-left:36px;padding-right:36px;text-align:left;width:580px;background-color: #cccccc"><p><b>Make this an RSV-Free season with the help of Premier and Synagis.</b><br />

  Now that fall is here, it’s time to consider preventative measures to minimize  the spread of RSV and its potentially life-threatening effects on children.</p></th>

</tr>

<tr style="padding:0;text-align:left;vertical-align:top">

<th width="580" height="234" class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-left:36px;padding-right:36px;padding-top:25px;text-align:left;width:100%"><p>Now that fall is here, it’s time to consider preventative measures to minimize the spread of RSV and its potentially life-threatening effects on children.</p>

  <p>As a provider, your specialty pharmacy decision-making, coordination and clinical management are crucial to your patients’ care and well-being. The smart choice toward an RSV-free season is Synagis®, the only FDA-approved medication to prevent RSV infections.</p>

  <p>Premier established its Specialty Pharmacy and Care Management program to create medications like Synagis® to assist with the growing challenges of this market, including:</p></th>

</tr>

</tbody>

</table>

<table class="row dark_body" style="background:#ffffff;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">

  <tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:60px;padding-right:36px;text-align:left;width:580px">

<table width="90%" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tr style="padding:0;text-align:left;vertical-align:top">

<th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">

<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="20px"

style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"><p><span style="color: #0099cc"> <b>ACCESS</b></span><br />

  Premier will work with you to create an enhanced patient experience by alleviating barriers to therapy with prior authorizations <br />

  and additional support.</p>

  <p><span style="color: #0099cc"><b>AFFORDABAILITY</b></span><br />

    Co-pay programs and financial assistance will help your patients get the treatment you prescribe and that they so desperately need.</p>

   

  <p><span style="color: #0099cc"><b>ADHERENCE</b></span><br />

    Our unique high-touch model optimizes clinical care management and produces best-in-class adherence rates.</p> 

  </td>

</tr>

</tbody>

</table>

</th>

</tr>

</table>

</th>

</tr>

</tbody>

</table>

<table style="background:#ffffff!important;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<th height="234" class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-left:36px;padding-right:36px;text-align:left;width:580px"><p>It’s a patient-centric approach to preventative therapy that means powerful adherence rates, improved patient outcomes and most importantly, healthier children.</p><hr width="100%"><p>Download this informative infographic to learn more about making

it an RSV-free season.</p><br><div><!--[if mso]>

  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:250px;" arcsize="0%" stroke="f" fill="t">

    <v:fill type="tile" src="" color="#0099cc" />

    <w:anchorlock/>

    <center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">DOWNLOAD NOW</center>

  </v:roundrect>

<![endif]--><a href="http://"

style="background-color:#0099cc;background-image:url();border-radius:0px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:250px;-webkit-text-size-adjust:none;mso-hide:all;">DOWNLOAD NOW</a></div><br><hr width="100%"></p>

</th>

</tr>

</tbody>

</table>

<!-- footer logo/social icons -->

<table width="580" border="0" cellpadding="0" cellspacing="0" class="footer" style="text-align: center; width: 580px;">

<tr>

<td style="background-color: #666666; padding: 25px 0 15px 0;">

<img src="http://offers.premierinc.com/rs/381-NBB-525/images/logo_1.png" alt="" />

</td>

<td style="background-color: #666666; padding: 25px 0 15px 0;">

<a href="https://twitter.com/PremierHA?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/twiterr_icon.png" alt="" /></a>

<a href="https://www.linkedin.com/company/premier-inc"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/linkedin_icon.png" alt="" /></a>

<a href="https://www.instagram.com/premierha/?hl=en"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/insta_icon.png" alt="" /></a>

<a href="https://www.youtube.com/user/premieralliance"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/youtube_icon.png" alt="" /></a>

<a href="https://www.facebook.com/premierhealthcarealliance/"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/fb_icon.png" alt="" /></a>

</td>

</tr>

</table>

<!-- footer logo/social icons -->

</tbody>

</table>

<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

<table class="spacer float-center" style="Margin:0 auto;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="20px"

style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>

</tr>

</tbody>

</table>

<!-- prevent Gmail on iOS font size manipulation -->

<div style="display:none;white-space:nowrap;font:15px courier;line-height:0">                                                           </div>

</body>

</html>

As far as I can see you can replace this code:

<table class="row top_hero_area_reminder mktEditable" id="section1" style="background:#109132; background-image:url(http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg)!important; border-collapse:collapse; border-spacing:0; display:table; padding:0; position:relative; height:372px;text-align:left; vertical-align:top; width:100%; "  ><tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400; line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:36px;padding-right:36px;text-align:left;w idth:544px"> </th>

</tr>

</tbody>

</table>

with this code:

<table>
<tbody>

<tr>

<th valign="top">

<img src="http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg" alt="" width="100%" style="display: block;" />

</th>

</tr>

</tbody>

</table>

Views

3.1K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Outlook background image fix not working

Contributor ,
Nov 01, 2017

Copy link to clipboard

Copied

Does anyone know a code fix to get my header image working? Right now it's set as a background image which I know is a no no. I've tried bulletproof background and I can't figure where to put the code. THis is what they gave me. Isn't there an easier way? There isn't any reason to have it set as a background since nothing is being placed over it.

Replace the opening <td> tag with…

<td background="http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg" bgcolor="#7bceeb" width="580" height="372" valign="top">

  <!--[if gte mso 9]>

  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:580px;height:372px;">

    <v:fill type="tile" src="http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg" color="#7bceeb" />

    <v:textbox inset="0,0,0,0">

  <![endif]-->

  <div>

…and the closing </td> tag with.

  </div>

  <!--[if gte mso 9]>

    </v:textbox>

  </v:rect>

  <![endif]-->

</td>

EMAIL CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" style="-moz-hyphens:none!important;-ms-hyphens:none!important;-webkit-hyphens:none!important;background:#000;hyphens:none!important">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width">

<title>My Email Templates</title>

<style>@media only screen{html{min-height:100%;background:#0a0a0a}}@media only screen and (max-width:616px){.small-float-center{margin:0 auto!important;float:none!important;text-align:center!important}}@media only screen and (max-width:616px){table.body img{width:auto;height:auto}table.body

center{min-width:0!important}table.body .container{width:100%!important}table.body .columns{height:auto!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:36px!important;padding-right:36px!important}table.body .columns

.columns{padding-left:0!important;padding-right:0!important}table.body .collapse .columns{padding-left:0!important;padding-right:0!important}th.small-6{display:inline-block!important;width:50%!important}th.small-12{display:inline-block!important;width:100%!important}.columns

th.small-12{display:block!important;width:100%!important}table.menu{width:100%!important}table.menu td,table.menu th{width:auto!important;display:inline-block!important}table.menu.vertical td,table.menu.vertical th{display:block!important}table.menu[align=center]{width:auto!important}}</style>

<style>.button {

  

   background: #0099cc;

  

   padding: 10px 75px;

   -webkit-border-radius: 0px;

   -moz-border-radius: 0px;

   border-radius: 0px;

   width: 300px;

   color: #ffffff;

   font-size: 14px;

   font-family: helvetica, serif;

   text-decoration: none;

   vertical-align: middle;

   }

  </style>

  <style>

@media screen and (max-width: 560px) {

.footer {

width: 100%!important;

}

.footer td {

display: block!important;

}

}

</style>

</head>

<body

style="-moz-box-sizing:border-box;-moz-hyphens:none!important;-ms-hyphens:none!important;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-webkit-hyphens:none!important;-webkit-text-size-adjust:100%;Margin:0;background:#000;box-sizing:border-box;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:none!important;line-height:1.3;margin:0;min-width:100%;padding:0;text-align:left;width:100%!important">

<span class="preheader" style="color:#0a0a0a;display:none!important;font-size:1px;line-height:1px;max-height:0;max-width:0;mso-hide:all!important;opacity:0;overflow:hidden;visibility:hidden"></span>

<table class="body"

style="-moz-hyphens:none!important;-ms-hyphens:none!important;-webkit-hyphens:none!important;Margin:0;background:#999999;border-collapse:collapse;border-spacing:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;height:100%;hyphens:none!important;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tr style="padding:0;text-align:left;vertical-align:top">

<td class="center" align="center" valign="top"

style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"><center

data-parsed="" style="min-width:580px;width:100%">

<table class="spacer float-center" style="Margin:0 auto;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="20px"

style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>

</tr>

</tbody>

</table>

<table align="center" class="container float-center" style="Margin:0 auto; background:#333; border-collapse:collapse; border-spacing:0; float:none; margin:0 auto; padding:0; text-align:center; vertical-align:top; width:580px; "  ><tbody style=""  ><tr style="padding:0; text-align:left; vertical-align:top; "  ><td style="-moz-hyphens:auto; -webkit-hyphens:auto; Margin:0; border-collapse:collapse!important; color:#0a0a0a; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; hyphens:auto; line-height:1.3; margin:0; padding:0; text-align:left; vertical-align:top; word-wrap:break-word; "  ><table class="row top_hero_area_reminder mktEditable" id="section1" style="background:#109132; background-image:url(http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg)!important; border-collapse:collapse; border-spacing:0; display:table; padding:0; position:relative; height:372px;text-align:left; vertical-align:top; width:100%; "  ><tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:36px;padding-right:36px;text-align:left;width:544px"> </th>

</tr>

</tbody>

</table></td></tr></tbody></table>

<table align="center" class="container float-center" style="Margin:0 auto;background:#ffffff;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:580px">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">

<table width="100%" style="background:#ffffff;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:middle">

<th width="580" height="100" class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-left:36px;padding-right:36px;text-align:left;width:580px;background-color: #cccccc"><p><b>Make this an RSV-Free season with the help of Premier and Synagis.</b><br />

  Now that fall is here, it’s time to consider preventative measures to minimize  the spread of RSV and its potentially life-threatening effects on children.</p></th>

</tr>

<tr style="padding:0;text-align:left;vertical-align:top">

<th width="580" height="234" class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-left:36px;padding-right:36px;padding-top:25px;text-align:left;width:100%"><p>Now that fall is here, it’s time to consider preventative measures to minimize the spread of RSV and its potentially life-threatening effects on children.</p>

  <p>As a provider, your specialty pharmacy decision-making, coordination and clinical management are crucial to your patients’ care and well-being. The smart choice toward an RSV-free season is Synagis®, the only FDA-approved medication to prevent RSV infections.</p>

  <p>Premier established its Specialty Pharmacy and Care Management program to create medications like Synagis® to assist with the growing challenges of this market, including:</p></th>

</tr>

</tbody>

</table>

<table class="row dark_body" style="background:#ffffff;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">

  <tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:60px;padding-right:36px;text-align:left;width:580px">

<table width="90%" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tr style="padding:0;text-align:left;vertical-align:top">

<th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">

<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="20px"

style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"><p><span style="color: #0099cc"> <b>ACCESS</b></span><br />

  Premier will work with you to create an enhanced patient experience by alleviating barriers to therapy with prior authorizations <br />

  and additional support.</p>

  <p><span style="color: #0099cc"><b>AFFORDABAILITY</b></span><br />

    Co-pay programs and financial assistance will help your patients get the treatment you prescribe and that they so desperately need.</p>

   

  <p><span style="color: #0099cc"><b>ADHERENCE</b></span><br />

    Our unique high-touch model optimizes clinical care management and produces best-in-class adherence rates.</p> 

  </td>

</tr>

</tbody>

</table>

</th>

</tr>

</table>

</th>

</tr>

</tbody>

</table>

<table style="background:#ffffff!important;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<th height="234" class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-left:36px;padding-right:36px;text-align:left;width:580px"><p>It’s a patient-centric approach to preventative therapy that means powerful adherence rates, improved patient outcomes and most importantly, healthier children.</p><hr width="100%"><p>Download this informative infographic to learn more about making

it an RSV-free season.</p><br><div><!--[if mso]>

  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:250px;" arcsize="0%" stroke="f" fill="t">

    <v:fill type="tile" src="" color="#0099cc" />

    <w:anchorlock/>

    <center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">DOWNLOAD NOW</center>

  </v:roundrect>

<![endif]--><a href="http://"

style="background-color:#0099cc;background-image:url();border-radius:0px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:250px;-webkit-text-size-adjust:none;mso-hide:all;">DOWNLOAD NOW</a></div><br><hr width="100%"></p>

</th>

</tr>

</tbody>

</table>

<!-- footer logo/social icons -->

<table width="580" border="0" cellpadding="0" cellspacing="0" class="footer" style="text-align: center; width: 580px;">

<tr>

<td style="background-color: #666666; padding: 25px 0 15px 0;">

<img src="http://offers.premierinc.com/rs/381-NBB-525/images/logo_1.png" alt="" />

</td>

<td style="background-color: #666666; padding: 25px 0 15px 0;">

<a href="https://twitter.com/PremierHA?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/twiterr_icon.png" alt="" /></a>

<a href="https://www.linkedin.com/company/premier-inc"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/linkedin_icon.png" alt="" /></a>

<a href="https://www.instagram.com/premierha/?hl=en"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/insta_icon.png" alt="" /></a>

<a href="https://www.youtube.com/user/premieralliance"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/youtube_icon.png" alt="" /></a>

<a href="https://www.facebook.com/premierhealthcarealliance/"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/fb_icon.png" alt="" /></a>

</td>

</tr>

</table>

<!-- footer logo/social icons -->

</tbody>

</table>

<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

<table class="spacer float-center" style="Margin:0 auto;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="20px"

style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>

</tr>

</tbody>

</table>

<!-- prevent Gmail on iOS font size manipulation -->

<div style="display:none;white-space:nowrap;font:15px courier;line-height:0">                                                           </div>

</body>

</html>

As far as I can see you can replace this code:

<table class="row top_hero_area_reminder mktEditable" id="section1" style="background:#109132; background-image:url(http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg)!important; border-collapse:collapse; border-spacing:0; display:table; padding:0; position:relative; height:372px;text-align:left; vertical-align:top; width:100%; "  ><tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400; line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:36px;padding-right:36px;text-align:left;w idth:544px"> </th>

</tr>

</tbody>

</table>

with this code:

<table>
<tbody>

<tr>

<th valign="top">

<img src="http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg" alt="" width="100%" style="display: block;" />

</th>

</tr>

</tbody>

</table>

Views

3.1K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Nov 01, 2017 0
LEGEND ,
Nov 01, 2017

Copy link to clipboard

Copied

As far as I can see you can replace this code:

<table class="row top_hero_area_reminder mktEditable" id="section1" style="background:#109132; background-image:url(http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg)!important; border-collapse:collapse; border-spacing:0; display:table; padding:0; position:relative; height:372px;text-align:left; vertical-align:top; width:100%; "  ><tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400; line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:36px;padding-right:36px;text-align:left;w idth:544px"> </th>

</tr>

</tbody>

</table>

with this code:

<table>
<tbody>

<tr>

<th valign="top">

<img src="http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg" alt="" width="100%" style="display: block;" />

</th>

</tr>

</tbody>

</table>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 1
Contributor ,
Nov 01, 2017

Copy link to clipboard

Copied

Thank you. It fixed the missing image issue but the responsiveness has gone away. It has a black border too.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 0
LEGEND ,
Nov 01, 2017

Copy link to clipboard

Copied

kineticcreative123  wrote

Thank you. It fixed the missing image issue but the responsiveness has gone away. It has a black border too.

The original code you posted wasn't responsive? Have you got a responsice version?

I can't see any black border in my version but I would not be surprised given the chaotic coding.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 0
Contributor ,
Nov 01, 2017

Copy link to clipboard

Copied

It was responsive. This is the responsive version with the header image that wasn't working: But it was responsive. This is a different header image used in the template I made this from.

Sorry that last code was crap. I just edited this response.

This is the template I started working from:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width">

<title>My Email Templates</title>

<style type="text/css">

@media only screen{html{min-height:100%;background:#0a0a0a}}@media only screen and (max-width:616px){.small-float-center{margin:0 auto!important;float:none!important;text-align:center!important}}@media only screen and (max-width:616px){table.body img{width:auto;height:auto}table.body

center{min-width:0!important}table.body .container{width:95%!important}table.body .columns{height:auto!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:36px!important;padding-right:36px!important}table.body .columns

.columns{padding-left:0!important;padding-right:0!important}table.body .collapse .columns{padding-left:0!important;padding-right:0!important}th.small-6{display:inline-block!important;width:50%!important}th.small-12{display:inline-block!important;width:100%!important}.columns

th.small-12{display:block!important;width:100%!important}table.menu{width:100%!important}table.menu td,table.menu th{width:auto!important;display:inline-block!important}table.menu.vertical td,table.menu.vertical th{display:block!important}table.menu[align=center]{width:auto!important}}

</style>

</head>

<body style="-moz-box-sizing:border-box; -moz-hyphens:none!important; -ms-hyphens:none!important; -ms-text-size-adjust:100%; -webkit-box-sizing:border-box; -webkit-hyphens:none!important; -webkit-text-size-adjust:100%; Margin:0; background:#000; box-sizing:border-box; color:#0a0a0a; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; hyphens:none!important; line-height:1.3; margin:0; min-width:100%; padding:0; text-align:left; width:100%!important; "  ><table class="body" style="-moz-hyphens:none!important; -ms-hyphens:none!important; -webkit-hyphens:none!important; Margin:0; background:#0a0a0a; border-collapse:collapse; border-spacing:0; color:#0a0a0a; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; height:100%; hyphens:none!important; line-height:1.3; margin:0; padding:0; text-align:left; vertical-align:top; width:100%; "  ><tr style="padding:0; text-align:left; vertical-align:top; "  ><td class="center" align="center" valign="top" style="-moz-hyphens:auto; -webkit-hyphens:auto; Margin:0; border-collapse:collapse!important; color:#0a0a0a; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; hyphens:auto; line-height:1.3; margin:0; padding:0; text-align:left; vertical-align:top; word-wrap:break-word; "  ><center style="min-width:580px; width:100%; "  ><table class="spacer float-center" style="Margin:0 auto;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="20px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>

</tr>

</tbody>

</table>

<table align="center" class="container float-center" style="Margin:0 auto; background:#333; border-collapse:collapse; border-spacing:0; float:none; margin:0 auto; padding:0; text-align:center; vertical-align:top; width:580px; "  ><tbody style=""  ><tr style="padding:0; text-align:left; vertical-align:top; "  ><td style="-moz-hyphens:auto; -webkit-hyphens:auto; Margin:0; border-collapse:collapse!important; color:#0a0a0a; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; hyphens:auto; line-height:1.3; margin:0; padding:0; text-align:left; vertical-align:top; word-wrap:break-word; "  ><table class="row top_hero_area_reminder mktEditable" id="section1" style="background:#109132; background-image:url(http://offers.premierinc.com/rs/381-NBB-525/images/reminder_bgimage.jpg)!important; border-collapse:collapse; border-spacing:0; display:table; padding:0; position:relative; text-align:left; vertical-align:top; width:100%; "  ><tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:36px;padding-right:36px;text-align:left;width:544px">

<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tr style="padding:0;text-align:left;vertical-align:top">

<th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">

<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="60px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:60px;font-weight:400;hyphens:auto;line-height:60px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>

</tr>

</tbody>

</table>

<img width="332" height="41" src="http://offers.premierinc.com/rs/381-NBB-525/images/logo-retina.png" alt="" style="-ms-interpolation-mode:bicubic;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto">

<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="40px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:40px;font-weight:400;hyphens:auto;line-height:40px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>

</tr>

</tbody>

</table>

<h1 style="Margin:0;Margin-bottom:10px;color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:42px;font-weight:700;line-height:1.3;margin:0;margin-bottom:0!important;padding:0;padding-bottom:0!important;text-align:left;text-transform:uppercase;word-wrap:normal">DID YOU GET IT!?</h1>

<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="20px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>

</tr>

</tbody>

</table>

<p style="Margin:0;Margin-bottom:10px;color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:28px;font-weight:400;line-height:38px!important;margin:0;margin-bottom:20px;padding:0;text-align:left">You know, the box? Premier would like to help you start finding money in your health system.</p>

<p style="Margin:0;Margin-bottom:10px;color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:28px;font-weight:400;line-height:38px!important;margin:0;margin-bottom:20px;padding:0;text-align:left">To get started, complete the quick six question operational maturity evaluation.</p>

<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="40px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:40px;font-weight:400;hyphens:auto;line-height:40px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>

</tr>

</tbody>

</table>

</th>

<th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>

</tr>

</table>

</th>

</tr>

</tbody>

</table></td></tr></tbody></table><table align="center" class="container float-center" style="Margin:0 auto; background:#333; border-collapse:collapse; border-spacing:0; float:none; margin:0 auto; padding:0; text-align:center; vertical-align:top; width:580px; "  ><tbody style=""  ><tr style="padding:0; text-align:left; vertical-align:top; "  ><td style="-moz-hyphens:auto; -webkit-hyphens:auto; Margin:0; border-collapse:collapse!important; color:#0a0a0a; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; hyphens:auto; line-height:1.3; margin:0; padding:0; text-align:left; vertical-align:top; word-wrap:break-word; "  ><table class="row dark_body" style="background:#333!important;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:36px;padding-right:36px;text-align:left;width:544px">

<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tr style="padding:0;text-align:left;vertical-align:top">

<th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">

<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="40px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:40px;font-weight:400;hyphens:auto;line-height:40px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>

</tr>

</tbody>

</table>

</th>

<th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>

</tr>

</table>

</th>

</tr>

</tbody>

</table>

<table class="row dark_body" style="background:#333!important; border-collapse:collapse; border-spacing:0; display:table; padding:0; position:relative; text-align:left; vertical-align:top; width:100%; "  ><tbody style=""  ><tr style="padding:0; text-align:left; vertical-align:top; "  ><th class="small-12 large-12 columns first last" style="Margin:0 auto; color:#0a0a0a; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; line-height:1.3; margin:0 auto; padding:0; padding-bottom:16px; padding-left:36px; padding-right:36px; text-align:left; width:544px; "  ><table style="border-collapse:collapse; border-spacing:0; padding:0; text-align:left; vertical-align:top; width:100%; "  ><tr style="padding:0; text-align:left; vertical-align:top; "  ><th style="Margin:0; color:#0a0a0a; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; line-height:1.3; margin:0; padding:0; text-align:left; "  ><table class="button large mktEditable" id="section2" style="Margin:0 0 16px 0; border-collapse:collapse; border-spacing:0; margin:0 0 16px 0; padding:0; text-align:left; vertical-align:top; width:auto; "  ><tr style="padding:0;text-align:left;vertical-align:top">

<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">

<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tr style="padding:0;text-align:left;vertical-align:top">

<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#109132;border:2px solid #109132;border-collapse:collapse!important;color:#fefefe;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"><a href="http://premierinc.com/foundmoney" style="Margin:0;border:0 solid #109132;border-radius:3px;color:#fefefe;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:700;line-height:1.3;margin:0;padding:10px 20px 10px 20px;text-align:left;text-decoration:none">COMPLETE MY EVALUATION <img style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:inline-block;max-width:7px!important;outline:0;padding-left:20px;text-decoration:none;width:auto" height="15" width="7" src="http://offers.premierinc.com/rs/381-NBB-525/images/right.png" alt=""></a></td>

</tr>

</table>

</td>

</tr>

</table></th><th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>

</tr></table></th></tr></tbody></table><table class="row dark_body" style="background:#333!important; border-collapse:collapse; border-spacing:0; display:table; padding:0; position:relative; text-align:left; vertical-align:top; width:100%; "  ><tbody style=""  ><tr style="padding:0; text-align:left; vertical-align:top; "  ><th class="small-12 large-12 columns first last" style="Margin:0 auto; color:#0a0a0a; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; line-height:1.3; margin:0 auto; padding:0; padding-bottom:16px; padding-left:36px; padding-right:36px; text-align:left; width:544px; "  ><table style="border-collapse:collapse; border-spacing:0; padding:0; text-align:left; vertical-align:top; width:100%; "  ><tr style="padding:0; text-align:left; vertical-align:top; "  ><th style="Margin:0; color:#0a0a0a; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; line-height:1.3; margin:0; padding:0; text-align:left; "  ><p class="mktEditable" id="section3" style="Margin:0; Margin-bottom:10px; color:#fff; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; line-height:1.3; margin:0; margin-bottom:10px; padding:0; text-align:left; "  >If you would like to complete the evaluation with a sales person...</p></th><th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>

</tr></table></th></tr></tbody></table><table class="row dark_body" style="background:#333!important; border-collapse:collapse; border-spacing:0; display:table; padding:0; position:relative; text-align:left; vertical-align:top; width:100%; "  ><tbody style=""  ><tr style="padding:0; text-align:left; vertical-align:top; "  ><th class="small-12 large-12 columns first last" style="Margin:0 auto; color:#0a0a0a; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; line-height:1.3; margin:0 auto; padding:0; padding-bottom:16px; padding-left:36px; padding-right:36px; text-align:left; width:544px; "  ><table style="border-collapse:collapse; border-spacing:0; padding:0; text-align:left; vertical-align:top; width:100%; "  ><tr style="padding:0; text-align:left; vertical-align:top; "  ><th style="Margin:0; color:#0a0a0a; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:400; line-height:1.3; margin:0; padding:0; text-align:left; "  ><table class="button large sales mktEditable" id="section4" style="Margin:0 0 16px 0; border-collapse:collapse; border-spacing:0; margin:0 0 16px 0; padding:0; text-align:left; vertical-align:top; width:auto; "  ><tr style="padding:0;text-align:left;vertical-align:top">

<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">

<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tr style="padding:0;text-align:left;vertical-align:top">

<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#109132;background-color:#09a5e6;border:2px solid #109132;border-collapse:collapse!important;border-color:#09a5e6;color:#fefefe;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"><a href="http://offers.premierinc.com/CM-WC-2017-Cost-Management-Campaign_LP-ThankYouSales.html" style="Margin:0;border:0 solid #109132;border-radius:3px;color:#fefefe;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:700;line-height:1.3;margin:0;padding:10px 20px 10px 20px;text-align:left;text-decoration:none">GET IN TOUCH WITH SALES <img style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:inline-block;max-width:7px!important;outline:0;padding-left:20px;text-decoration:none;width:auto" height="15" width="7" src="http://offers.premierinc.com/rs/381-NBB-525/images/right.png" alt=""></a></td>

</tr>

</table>

</td>

</tr>

</table></th><th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>

</tr></table></th></tr></tbody></table><table class="row dark_body" style="background:#333!important;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:36px;padding-right:36px;text-align:left;width:544px">

<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tr style="padding:0;text-align:left;vertical-align:top">

<th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">

<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="20px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>

</tr>

</tbody>

</table>

</th>

<th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>

</tr>

</table>

</th>

</tr>

</tbody>

</table>

<table class="row footer" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:right;vertical-align:middle;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<th class="small-12 large-6 columns first" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:36px;padding-right:18px;text-align:left;width:254px">

<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tr style="padding:0;text-align:left;vertical-align:top">

<th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"><img width="167" height="35" src="http://offers.premierinc.com/rs/381-NBB-525/images/white-logo.png" alt="" style="-ms-interpolation-mode:bicubic;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto"></th>

</tr>

</table>

</th>

<th class="small-12 large-6 columns last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:18px;padding-right:36px;text-align:left;width:254px">

<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tr style="padding:0;text-align:left;vertical-align:top">

<th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">

<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="8px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:8px;font-weight:400;hyphens:auto;line-height:8px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>

</tr>

</tbody>

</table>

<p style="Margin:0;Margin-bottom:10px;color:#999;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;margin-bottom:10px;padding:0;text-align:right">&copy; 2017 Premier Inc.</p>

</th>

</tr>

</table>

</th>

</tr>

</tbody>

</table>

<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="20px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>

</tr>

</tbody>

</table>

</td></tr></tbody></table><table class="spacer float-center" style="Margin:0 auto;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:100%">

<tbody>

<tr style="padding:0;text-align:left;vertical-align:top">

<td height="20px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>

</tr>

</tbody>

</table>

</center></td></tr></table><!-- prevent Gmail on iOS font size manipulation -->

<div style="display:none;white-space:nowrap;font:15px courier;line-height:0">                                                           </div>

</body></html>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 0
LEGEND ,
Nov 01, 2017

Copy link to clipboard

Copied

What happens if you just use the code below????

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Email Template</title>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<style>

@media screen and (max-width: 560px) {

table table td {

display: block!important;

}

.main_table {

width: 100%!important;

}

}

</style>

</head>

<body style="margin: 0; padding: 0;">

<!-- wrapper -->

<table cellspacing="0" cellpadding="0" border="0" width="100%" >

<tr>

<td style="background-color: #000000;">

<!--  header table -->

<table class="main_table" cellpadding="0" cellspacing="0" border="0" align="center" style="width: 600px;">

<tr>

<td valign="top">

<img src="http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg" alt="" width="100%" style="display: block;" />

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 20px;font-weight: 400; color: #00000; padding: 40px 30px 15px 30px; background-color: #ffffff;">

<strong>Make this an RSV-Free season with the help of Premier and Synagis.</strong>

Now that fall is here, it’s time to consider preventative measures to minimize the spread of RSV and its potentially life-threatening effects on children.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 20px;font-weight: 400; color: #00000; padding: 40px 30px 15px 30px; background-color: #ffffff;">

Now that fall is here, it’s time to consider preventative measures to minimize the spread of RSV and its potentially life-threatening effects on children.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 0 30px 15px 30px; background-color: #ffffff;">

As a provider, your specialty pharmacy decision-making, coordination and clinical management are crucial to your patients’ care and well-being. The smart choice toward an RSV-free season is Synagis®, the only FDA-approved medication to prevent RSV infections.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 0 30px 40px 30px; background-color: #ffffff;">

Premier established its Specialty Pharmacy and Care Management program to create medications like Synagis® to assist with the growing challenges of this market, including:

</td>

</tr>

</table>

<!--  end header table -->

<!-- access/affordability/adherence -->

<table cellspacing="0" cellpadding="0" border="0" align="center" style="max-width: 600px;">

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 15px 45px 10px 45px; background-color: #ffffff;">

<span style="color: #0099CC; font-weight: bold;">ACCESS</span><br />

Premier will work with you to create an enhanced patient experience by alleviating barriers to therapy with prior authorizations

and additional support.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 10px 45px 15px 45px; background-color: #ffffff;">

<span style="color: #0099CC; font-weight: bold;">AFFORDABAILITY</span><br />

Premier will work with you to create an enhanced patient experience by alleviating barriers to therapy with prior authorizations

and additional support.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 10px 45px 40px 45px; background-color: #ffffff;">

<span style="color: #0099CC; font-weight: bold;">ADHERENCE</span><br />

Our unique high-touch model optimizes clinical care management and produces best-in-class adherence rates.

</td>

</tr>

<tr>

<td style="background-color: #ffffff;" >

<!-- patient-centric/download -->

<table cellspacing="0" cellpadding="0" border="0" width="90%" align="center">

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 10px 0 15px 0; border-bottom: 1px solid #000000; background-color: #ffffff;">

It’s a patient-centric approach to preventative therapy that means powerful adherence rates, improved patient outcomes and most importantly, healthier children.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 15px 0 15px 0; background-color: #ffffff;">

Download this informative infographic to learn more about making it an RSV-free season.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 15px 0 40px 0; border-bottom: 1px solid #000000; background-color: #ffffff;">

<a href="https://learn.premierinc.com/ebooks/sepsis-infographic" style="text-decoration: none; color: #ffffff; background-color: #0099CC; padding: 10px 65px;">DOWNLOAD NOW</a>

</td>

</tr>

</table>

<!-- end patient-centric/download -->

</td>

</tr>

<tr>

<td style="padding: 20px 0 0 0; background-color: #ffffff;">

<!-- footer logo/social icons -->

<table cellspacing="0" cellpadding="0" border="0" width="100%" style="text-align: center;">

<tr>

<td style="background-color: #666666; padding: 25px 0 15px 0;">

<img src="http://offers.premierinc.com/rs/381-NBB-525/images/logo_1.png" alt="" />

</td>

<td style="background-color: #666666; padding: 25px 0 15px 0;">

<a href="https://twitter.com/PremierHA?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/twiterr_icon.png" alt="" /></a>

<a href="https://www.linkedin.com/company/premier-inc"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/linkedin_icon.png" alt="" /></a>

<a href="https://www.instagram.com/premierha/?hl=en"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/insta_icon.png" alt="" /></a>

<a href="https://www.youtube.com/user/premieralliance"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/youtube_icon.png" alt="" /></a>

<a href="https://www.facebook.com/premierhealthcarealliance/"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/fb_icon.png" alt="" /></a>

</td>

</tr>

</table>

<!-- footer logo/social icons -->

</td>

</tr>

</table>

<!-- end access/affordability/adherence -->

</td>

</tr>

</table>

<!-- end wrapper -->

</body>

</html>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 1
Contributor ,
Nov 01, 2017

Copy link to clipboard

Copied

It's responsive but looks like this in outlookScreen Shot 2017-11-01 at 4.46.07 PM.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 0
LEGEND ,
Nov 01, 2017

Copy link to clipboard

Copied

Ok try altering the media query css to

@media screen and (max-width: 560px) {

table table td {

display: block!important;

}

.main_table {

width: 100%!important;

}

}

and then amend the 'header table' tag to how it's shown in red below:

<!--  header table -->

<table class="main_table" cellpadding="0" cellspacing="0" border="0" align="center" style="width: 600px;">

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 1
Contributor ,
Nov 01, 2017

Copy link to clipboard

Copied

LOL. It switched from top to bottom. i added that grey back in on the top para. Your not going crazyScreen Shot 2017-11-01 at 4.55.31 PM.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 0
Contributor ,
Nov 01, 2017

Copy link to clipboard

Copied

This is what I have now. Are my <!--  header table --> and <!-- access/affordability/adherence --> supposed to be the same?

Screen Shot 2017-11-01 at 5.10.46 PM.png

Current code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Email Template</title>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<style>

@media screen and (max-width: 560px) {

table table td {

display: block!important;

}

.main_table {

width: 100%!important;

}

}

</style>

</head>

<body style="margin: 0; padding: 0;">

<!-- wrapper -->

<table cellspacing="0" cellpadding="0" border="0" width="100%" >

<tr>

<td style="background-color: #000000;">

<!--  header table -->

<table class="main_table" cellpadding="0" cellspacing="0" border="0" align="center" style="width: 600px;">

<tr>

<td valign="top">

<img src="http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg" alt="" width="100%" style="display: block;" />

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 20px;font-weight: 400; color: #00000; padding: 40px 30px 15px 30px; background-color: #cccccc;">

<strong>Make this an RSV-Free season with the help of Premier and Synagis.</strong>

Now that fall is here, it’s time to consider preventative measures to minimize the spread of RSV and its potentially life-threatening effects on children.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 20px;font-weight: 400; color: #00000; padding: 40px 30px 15px 30px; background-color: #ffffff;">

Now that fall is here, it’s time to consider preventative measures to minimize the spread of RSV and its potentially life-threatening effects on children.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 0 30px 15px 30px; background-color: #ffffff;">

As a provider, your specialty pharmacy decision-making, coordination and clinical management are crucial to your patients’ care and well-being. The smart choice toward an RSV-free season is Synagis®, the only FDA-approved medication to prevent RSV infections.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 0 30px 40px 30px; background-color: #ffffff;">

Premier established its Specialty Pharmacy and Care Management program to create medications like Synagis® to assist with the growing challenges of this market, including:

</td>

</tr>

</table>

<!--  end header table -->

<!-- access/affordability/adherence -->

<table class="main_table" cellpadding="0" cellspacing="0" border="0" align="center" style="width: 600px;">

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 15px 45px 10px 45px; background-color: #ffffff;">

<span style="color: #0099CC; font-weight: bold;">ACCESS</span><br />

Premier will work with you to create an enhanced patient experience by alleviating barriers to therapy with prior authorizations

and additional support.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 10px 45px 15px 45px; background-color: #ffffff;">

<span style="color: #0099CC; font-weight: bold;">AFFORDABAILITY</span><br />

Premier will work with you to create an enhanced patient experience by alleviating barriers to therapy with prior authorizations

and additional support.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 10px 45px 40px 45px; background-color: #ffffff;">

<span style="color: #0099CC; font-weight: bold;">ADHERENCE</span><br />

Our unique high-touch model optimizes clinical care management and produces best-in-class adherence rates.

</td>

</tr>

<tr>

<td style="background-color: #ffffff;" >

<!-- patient-centric/download -->

<table cellspacing="0" cellpadding="0" border="0" width="90%" align="center">

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 10px 0 15px 0; border-bottom: 1px solid #000000; background-color: #ffffff;">

It’s a patient-centric approach to preventative therapy that means powerful adherence rates, improved patient outcomes and most importantly, healthier children.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 15px 0 15px 0; background-color: #ffffff;">

Download this informative infographic to learn more about making it an RSV-free season.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 15px 0 40px 0; border-bottom: 1px solid #000000; background-color: #ffffff;">

<a href="https://learn.premierinc.com/ebooks/sepsis-infographic" style="text-decoration: none; color: #ffffff; background-color: #0099CC; padding: 10px 65px;">DOWNLOAD NOW</a>

</td>

</tr>

</table>

<!-- end patient-centric/download -->

</td>

</tr>

<tr>

<td style="padding: 20px 0 0 0; background-color: #ffffff;">

<!-- footer logo/social icons -->

<table cellspacing="0" cellpadding="0" border="0" width="100%" style="text-align: center;">

<tr>

<td style="background-color: #666666; padding: 25px 0 15px 0;">

<img src="http://offers.premierinc.com/rs/381-NBB-525/images/logo_1.png" alt="" />

</td>

<td style="background-color: #666666; padding: 25px 0 15px 0;">

<a href="https://twitter.com/PremierHA?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/twiterr_icon.png" alt="" /></a>

<a href="https://www.linkedin.com/company/premier-inc"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/linkedin_icon.png" alt="" /></a>

<a href="https://www.instagram.com/premierha/?hl=en"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/insta_icon.png" alt="" /></a>

<a href="https://www.youtube.com/user/premieralliance"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/youtube_icon.png" alt="" /></a>

<a href="https://www.facebook.com/premierhealthcarealliance/"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/fb_icon.png" alt="" /></a>

</td>

</tr>

</table>

<!-- footer logo/social icons -->

</td>

</tr>

</table>

<!-- end access/affordability/adherence -->

</td>

</tr>

</table>

<!-- end wrapper -->

</body>

</html>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 0
LEGEND ,
Nov 01, 2017

Copy link to clipboard

Copied

ok, find the access/affordabily grey comment in the code and then change the table tag to what's shown in red:

<!-- access/affordability/adherence -->

<table class="access_affordability" cellspacing="0" cellpadding="0" border="0" align="center" style="width: 600px;">

Then add the .access_affordability css like below to the media query:

@media screen and (max-width: 560px) {

table table td {

display: block!important;

}

.main_table, .access_affordability {

width: 100%!important;

}

.access_affordability {

width: 100%!important;

}

}

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 1
Contributor ,
Nov 01, 2017

Copy link to clipboard

Copied

new code wit your changes. Still looking same

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Email Template</title>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<style>

@media screen and (max-width: 560px) {

table table td {

display: block!important;

}

.main_table, .access_affordability {

width: 100%!important;

}

.access_affordability {

width: 100%!important;

}

}

</style>

</head>

<body style="margin: 0; padding: 0;">

<!-- wrapper -->

<table cellspacing="0" cellpadding="0" border="0" width="100%" >

<tr>

<td style="background-color: #000000;">

<!--  header table -->

<table class="main_table" cellpadding="0" cellspacing="0" border="0" align="center" style="width: 600px;">

<tr>

<td valign="top">

<img src="http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg" alt="" width="100%" style="display: block;" />

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 20px;font-weight: 400; color: #00000; padding: 40px 30px 15px 30px; background-color: #cccccc;">

<strong>Make this an RSV-Free season with the help of Premier and Synagis.</strong>

Now that fall is here, it’s time to consider preventative measures to minimize the spread of RSV and its potentially life-threatening effects on children.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 20px;font-weight: 400; color: #00000; padding: 40px 30px 15px 30px; background-color: #ffffff;">

Now that fall is here, it’s time to consider preventative measures to minimize the spread of RSV and its potentially life-threatening effects on children.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 0 30px 15px 30px; background-color: #ffffff;">

As a provider, your specialty pharmacy decision-making, coordination and clinical management are crucial to your patients’ care and well-being. The smart choice toward an RSV-free season is Synagis®, the only FDA-approved medication to prevent RSV infections.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 0 30px 40px 30px; background-color: #ffffff;">

Premier established its Specialty Pharmacy and Care Management program to create medications like Synagis® to assist with the growing challenges of this market, including:

</td>

</tr>

</table>

<!--  end header table -->

<!-- access/affordability/adherence -->

<table class="access_affordability" cellspacing="0" cellpadding="0" border="0" align="center" style="width: 600px;">

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 15px 45px 10px 45px; background-color: #ffffff;">

<span style="color: #0099CC; font-weight: bold;">ACCESS</span><br />

Premier will work with you to create an enhanced patient experience by alleviating barriers to therapy with prior authorizations

and additional support.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 10px 45px 15px 45px; background-color: #ffffff;">

<span style="color: #0099CC; font-weight: bold;">AFFORDABAILITY</span><br />

Premier will work with you to create an enhanced patient experience by alleviating barriers to therapy with prior authorizations

and additional support.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 10px 45px 40px 45px; background-color: #ffffff;">

<span style="color: #0099CC; font-weight: bold;">ADHERENCE</span><br />

Our unique high-touch model optimizes clinical care management and produces best-in-class adherence rates.

</td>

</tr>

<tr>

<td style="background-color: #ffffff;" >

<!-- patient-centric/download -->

<table cellspacing="0" cellpadding="0" border="0" width="90%" align="center">

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 10px 0 15px 0; border-bottom: 1px solid #000000; background-color: #ffffff;">

It’s a patient-centric approach to preventative therapy that means powerful adherence rates, improved patient outcomes and most importantly, healthier children.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 15px 0 15px 0; background-color: #ffffff;">

Download this informative infographic to learn more about making it an RSV-free season.

</td>

</tr>

<tr>

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 15px 0 40px 0; border-bottom: 1px solid #000000; background-color: #ffffff;">

<a href="https://learn.premierinc.com/ebooks/sepsis-infographic" style="text-decoration: none; color: #ffffff; background-color: #0099CC; padding: 10px 65px;">DOWNLOAD NOW</a>

</td>

</tr>

</table>

<!-- end patient-centric/download -->

</td>

</tr>

<tr>

<td style="padding: 20px 0 0 0; background-color: #ffffff;">

<!-- footer logo/social icons -->

<table cellspacing="0" cellpadding="0" border="0" width="100%" style="text-align: center;">

<tr>

<td style="background-color: #666666; padding: 25px 0 15px 0;">

<img src="http://offers.premierinc.com/rs/381-NBB-525/images/logo_1.png" alt="" />

</td>

<td style="background-color: #666666; padding: 25px 0 15px 0;">

<a href="https://twitter.com/PremierHA?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/twiterr_icon.png" alt="" /></a>

<a href="https://www.linkedin.com/company/premier-inc"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/linkedin_icon.png" alt="" /></a>

<a href="https://www.instagram.com/premierha/?hl=en"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/insta_icon.png" alt="" /></a>

<a href="https://www.youtube.com/user/premieralliance"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/youtube_icon.png" alt="" /></a>

<a href="https://www.facebook.com/premierhealthcarealliance/"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/fb_icon.png" alt="" /></a>

</td>

</tr>

</table>

<!-- footer logo/social icons -->

</td>

</tr>

</table>

<!-- end access/affordability/adherence -->

</td>

</tr>

</table>

<!-- end wrapper -->

</body>

</html>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 0
LEGEND ,
Nov 01, 2017

Copy link to clipboard

Copied

kineticcreative123  wrote

This is what I have now. Are my <!--  header table --> and <!-- access/affordability/adherence --> supposed to be the same?

You might have to get a bit creative. What happens if you add align="right" bgColor="#0191B3" to the <td> tag which the image is contained within:

<td valign="top" align="right" bgColor="#0191B3">

<img src="http://offers.premierinc.com/rs/381-NBB-525/images/RSV_Skipta_103017.jpg" alt="" width="100%" style="display: block;" />

</td>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 1
Contributor ,
Nov 01, 2017

Copy link to clipboard

Copied

it worked!!!!!!!!!!!!!! Awesome. Thank you. Dang your good. Now only two more fixes left tonight Going to take a small break first.

That button on about five versions of outlook is loosing it's fill and padding.

I also am having issues with the other email. Think I sent you a message (the one that had the copy dropping down which was fixed)

The copy is fixed but image isn't full width in the table (outlook) and I have a funky bottom grey bar. I tried messing with the height but to no avail.

After these two projects are completed I'm saving all the good templates so i don't have to start with a mess again to clean up.

Screen Shot 2017-11-01 at 1.52.46 PM.png

Screen Shot 2017-11-01 at 5.37.07 PM.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 0
LEGEND ,
Nov 01, 2017

Copy link to clipboard

Copied

In terms of the DOWNLOAD NOW button it appears that Outlook is having issues with the padding on the anchor tag.

Find the <td> cell that the anchor tag is inserted within:

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 15px 0 40px 0; border-bottom: 1px solid #000000; background-color: #ffffff;">

<a href="https://learn.premierinc.com/ebooks/sepsis-infographic" style="text-decoration: none; color: #ffffff; background-color: #0099CC; padding: 10px 65px;">DOWNLOAD NOW</a>

</td>

Replace the anchor tag code with the below table:

<!-- download button -->

<table cellpadding="0" cellspacing="0" border="0">

<tr>

<td style="background-color: #0099CC; padding: 10px 65px;">

<a href="https://learn.premierinc.com/ebooks/sepsis-infographic" style="text-decoration: none; color: #ffffff;">DOWNLOAD NOW</a>

</td>

</tr>

</table>

<!-- end download button -->

So it looks like below: (see if that solves the padding issue)

<td style="font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #00000; padding: 15px 0 40px 0; border-bottom: 1px solid #000000; background-color: #ffffff;">

<!-- download button -->

<table cellpadding="0" cellspacing="0" border="0">

<tr>

<td style="background-color: #0099CC; padding: 10px 65px;">

<a href="https://learn.premierinc.com/ebooks/sepsis-infographic" style="text-decoration: none; color: #ffffff;">DOWNLOAD NOW</a>

</td>

</tr>

</table>

<!-- end download button -->

</td>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 1
Contributor ,
Nov 01, 2017

Copy link to clipboard

Copied

Ya! Absolutely incredible! DONE!!! Well done sir.

Thank you thank you thank you.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2017 0