AnsweredAssumed Answered

Background-image for Outlook

Question asked by Igor Khripunov on Nov 6, 2015
Latest reply on Nov 10, 2015 by Igor Khripunov

Hello!

 

I am using VML markup to add background image in Outlook.

Here is example and code:

img.png

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

                        <tr>

                            <td height="200" background="my_img.jpg" style="background: url(my_img) no-repeat;">

 

 

  <!--[if gte mso 9]>

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

    <v:fill type="frame" src="my_img.jpg" color="#f7f9f8" />

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

  <![endif]-->

                                <div>

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

                                        <tr>

                                            <td height="200" valign="middle" align="center">

                                              my header text is here

                                            </td>

                                        </tr>

                                    </table>

                                </div>

<!--[if gte mso 9]>

</v:textbox>

</v:rect>

<![endif]-->

                            </td>

                        </tr>

                    </table>

 

 

AND when I try to modify the card via the visual editor, everything breaks down, because this parth of the code <![endif]--> changes to &lt;![endif]--&gt;

Short .gif demonstration - Gyazo - b6ba270a448446b36996c7644180f4dc.gif

 

In the result I cannot fix plain text version of the ecard.

 

Is any suggestion?

Outcomes