Inspiring

Answered

Outlook background image fix not working

Forum|Forum|8 years ago
November 1, 2017
1 reply
6306 views

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>

This topic has been closed for replies.

Correct answer osgood_

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

</tr>

</tbody>

</table>

with this code:

<tr>

</th>

</tr>

</tbody>

</table>

O

osgood_Correct answer

Braniac

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

</tr>

</tbody>

</table>

with this code:

<tr>

</th>

</tr>

</tbody>

</table>

kineticcreative123Author

Inspiring

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

O

osgood_

Braniac

It's responsive but looks like this in outlook

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:

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded