2014-01-22 8 views
0

Я пытаюсь применить повторяющийся фон для ячейки таблицы для HTML-почты, я использую код из http://backgrounds.cm/Применение фонового изображения в ячейку таблицы с VML

Вот мой TD и обертка VML:

<td background="http://domain.com/Portals/0/emails/images/stripes-middle.png" bgcolor="#00ff00" width="346" valign="top"> 
    <!--[if gte mso 9]> 
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:346px;"> 
    <v:fill type="tile" src="http://domain.com/Portals/0/emails/images/stripes-middle.png" color="#ff0000" /> 
    <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"> 
    <![endif]--> 
    <div> 
     <p>LOTS OF CONTENT IN HERE</p>                 
    </div> 
    <!--[if gte mso 9]> 
    </v:textbox> 
    </v:rect> 
    <![endif]--> 
</td> 

Однако, это изображение моего заднего изображения вверху слева от родительской таблицы! Не внутри ячейки таблицы. Как я могу это исправить?

+0

http://stackoverflow.com/questions/23280715/full-width-backgrounds-on-outlook-07-10-13 – davidcondrey

ответ

1

Почему бы не вложить его в другой стол?

<table border="0" cellpadding="0" cellspacing="0" width="640" style="border-collapse:collapse; padding:0; margin:0px;"> 
<tr valign="top"> 
    <td align="center" valign="top"> 
     <table border="0" cellpadding="0" cellspacing="0" width="346" style="border-collapse:collapse; padding:0; margin:0px;"> 
      <tr valign="top"> 
       <td background="http://domain.com/Portals/0/emails/images/stripes-middle.png" bgcolor="#ff0000" width="346" height="112" valign="top"> 
        <!--[if gte mso 9]> 
        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:346px;height:112;"> 
        <v:fill type="tile" src="http://domain.com/Portals/0/emails/images/stripes-middle.png" color="#ff0000" /> 
        <v:textbox inset="0,0,0,0"> 
        <![endif]--> 
        <div> 
         <table border="0" cellpadding="0" cellspacing="0" width="346" style="border-collapse:collapse; padding:0; margin:0px;"> 
          <tr valign="top"> 
           <td align="left" valign="top"> 
            <p>LOTS OF CONTENT IN HERE</p> 
           </td> 
          </tr> 
         </table> 
        </div> 
        <!--[if gte mso 9]> 
        </v:textbox> 
        </v:rect> 
        <![endif]--> 
       </td> 
      </tr> 
     </table> 
    </td> 
</tr> 
</table> 

не может точно определить, где вы собираетесь не так, но я никогда не использовал отделку формы в текст до и этот фрагмент не сделал меня неправильно.