Outlook background image fix not working

Report · Nov 01, 2017

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…

<!--[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">

<head>

<title>My Email Templates</title>

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">

<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%">

<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%">

<tbody>

<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"> </td>

</tr>

</tbody>

</table>

</tr>

</tbody>

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

<tbody>

<tbody>

<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>

<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>

<tbody>

<tbody>

<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>

<tbody>

<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>

<tr>

</td>

</td>

</tr>

</table>

</tbody>

</table>

<tbody>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

<tbody>

<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"> </td>

</tr>

</tbody>

</table>

</body>

</html>

Report · Nov 01, 2017

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

</tr>

</tbody>

</table>

with this code:

<tr>

</th>

</tr>

</tbody>

</table>

Report · Nov 01, 2017

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

Report · Nov 01, 2017

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.

Report · Nov 01, 2017

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>

<title>My Email Templates</title>

@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>

<tbody>

</tr>

</tbody>

</table>

<tbody>

</tr>

</tbody>

</table>

<tbody>

</tr>

</tbody>

</table>

<tbody>

</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>

<tbody>

</tr>

</tbody>

</table>

</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>

<tbody>

</tr>

</tbody>

</table>

</th>

</tr>

</table>

</th>

</tr>

</tbody>

</table>

<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;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>

<tbody>

</tr>

</tbody>

</table>

</th>

</tr>

</table>

</th>

</tr>

</tbody>

</table>

<tbody>

</tr>

</table>

</th>

<tbody>

</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">© 2017 Premier Inc.</p>

</th>

</tr>

</table>

</th>

</tr>

</tbody>

</table>

<tbody>

</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>

</tbody>

</table>

</center></td></tr></table>

</body></html>

Report · Nov 01, 2017

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">

<head>

<title>Email Template</title>

<style>

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

table table td {

display: block!important;

}

.main_table {

width: 100%!important;

}

</style>

</head>

<tr>

<tr>

</td>

</tr>

<tr>

<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>

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>

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>

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>

<tr>

<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>

<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>

<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>

<tr>

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>

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

</td>

</tr>

<tr>

<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>

</td>

</tr>

<tr>

<tr>

</td>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

Report · Nov 01, 2017

It's responsive but looks like this in outlook

Report · Nov 01, 2017

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:

Report · Nov 01, 2017

LOL. It switched from top to bottom. i added that grey back in on the top para. Your not going crazy

Report · Nov 01, 2017

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

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;

}

Report · Nov 01, 2017

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">

<head>

<title>Email Template</title>

<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>

<tr>

<tr>

</td>

</tr>

<tr>

<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>

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>

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>

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>

<tr>

<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>

<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>

<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>

<tr>

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>

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

</td>

</tr>

<tr>

<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>

</td>

</tr>

<tr>

<tr>

</td>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

Report · Nov 01, 2017

This is what I have now. Are my  and  supposed to be the same?

Current code:

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

<head>

<title>Email Template</title>

<style>

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

table table td {

display: block!important;

}

.main_table {

width: 100%!important;

}

</style>

</head>

<tr>

<tr>

</td>

</tr>

<tr>

<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>

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>

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>

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>

<tr>

<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>

<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>

<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>

<tr>

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>

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

</td>

</tr>

<tr>

<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>

</td>

</tr>

<tr>

<tr>

</td>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

Report · Nov 01, 2017

kineticcreative123 wrote
This is what I have now. Are my  and  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>

Report · Nov 01, 2017

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.

Report · Nov 01, 2017

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:

<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:

<tr>

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

</td>

</tr>

</table>

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

<tr>

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

</td>

</tr>

</table>

</td>

Report · Nov 01, 2017

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

Thank you thank you thank you.

Adobe Community

Outlook background image fix not working

1 Correct answer