0
Я пытаюсь создать «сертификат» для использования в электронной почте capmaign. Мы стараемся поддерживать совместимость с Outlook 2007, и это ограничивает использование свойства background, чтобы загрузить только один снимок, который будет отображаться за текстом.HTML-таблицы, использующие JPG-изображения в качестве границ
Я расколол свои границы на 4 части (левый, верхний, правый, нижний) и поместил их в натянутые столбцы и ряды, но не смог заставить их правильно выстраиваться. Любые предложения, основанные на этом коде?
<!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>Special Offer from Toyota/Scion of Clifton Park</title>
<style type="text/css">
<!--
.style1 {font-family: Arial, Helvetica, sans-serif}
.style2 {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-style: italic;
}
.style4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.style8 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
color: #666666;
}
.style9 {color: #666666}
.style10 {color: #000000}
}
-->
</style>
</head>
<body>
<table width="610" height="984" border="0" cellspacing="0" cellpadding="0">
<tr></tr>
<tr>
<td width="74" rowspan="11"><img src="http://pbrgraphics.com/Constant_Contact/TCP/cert_borders/left_image2.jpg" alt="Left Image" width="70" height="984" align="top" /></td>
<td colspan="5"><img src="http://pbrgraphics.com/Constant_Contact/TCP/cert_borders/top_image3.jpg" alt="Top Image" width="461" height="171" align="left" /></td>
<td width="87" rowspan="11"><img src="http://pbrgraphics.com/Constant_Contact/TCP/cert_borders/right_image2.jpg" border=0 alt="Right Image" width="71" height="984" align="bottom" /></td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td width="90"> </td>
<td width="90"> </td>
<td width="90"> </td>
<td width="90"> </td>
<td width="91"> </td>
</tr>
<tr>
<td colspan="5"><div align="center">
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"> </p>
<p class="style4"><span class="style8"><br/>
</span><img src="http://pbrgraphics.com/Constant_Contact/TCP/cert_borders/bottom_image2.jpg" alt="Bottom Image" width="466" height="63" align="top" /><br />
</p>
</div></td>
</tr>
</table>
</body>
</html>