Alinhar Tabelas ao Centro em um E-mail Marketing
Olá
Estou tentando criar um e-mail marketing mas não consigo alinhar a tabela com as imagens ao centro, elas insistem em se separar.
/applications/core/interface/imageproxy/imageproxy.php?img=http://img252.imageshack.us/img252/6898/printez.jpg&key=74a81e0db85995d2b5984c486a788076240aa67860ffedafb87a7ac9b59eb3ec" alt="printez.jpg" />
<!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=iso-8859-1" />
<title>Super Oferta - Pauta</title>
<style type="text/css">
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
.style5 {
font-size: 8px;
color: #000000;
}body {
background-color: #fff;
background: url(https://www.pauta.com.br/malling/bg.jpg);
margin: 0;
padding: 0;
}.style9, .style8 {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style9 {
color: #000000;
font-size: 12px;
}
.style8 {
color: #000000;
font-size: 16px;
}.style9 a:link, .style9 a:visited {
font-size: 14px;
color:#333333;
text-decoration: none;
}.style9 a:hover, .style9 a:active {
font-size: 14px;
color: #666666;
text-decoration: none;
}
</style>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top">
<p><span class="style8"><strong>Caro parceiro <%NOME_FANTASIA%>, confira nossas ofertas!</strong></span></p><br/>
</td>
</tr>
<table id="Table_01" width="800" height="4651" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="6">
<a href="https://www.pauta.com.br/index1.jsp#">
<img src="http://www.pauta.com.br/malling/geral_sc_1.jpg" width="800" height="10" border="0" alt=""></a></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<a href="https://www.pauta.com.br/index1.jsp#">
<img src="http://www.pauta.com.br/malling/geral_sc_2.jpg" width="707" height="124" border="0" alt=""></a></td>
<td>
<a href="http://www.youtube.com/tvpautabrasil">
<img src="http://www.pauta.com.br/malling/youtube.jpg" width="30" height="30" border="0" alt="Youtube"></a></td>
<td rowspan="2">
<a href="https://www.pauta.com.br/index1.jsp#">
<img src="http://www.pauta.com.br/malling/geral_sc_3.jpg" width="12" height="124" border="0" alt=""></a></td>
<td>
<a href="https://www.facebook.com/pages/Pauta-Distribui%C3%A7%C3%A3o-e-Log%C3%ADstica/176135245787751?ref=ts">
<img src="http://www.pauta.com.br/malling/facebook.jpg" width="30" height="30" border="0" alt="Youtube"></a></td>
<td rowspan="2">
<a href="https://www.pauta.com.br/index1.jsp#">
<img src="http://www.pauta.com.br/malling/geral_sc_4.jpg" width="21" height="124" border="0" alt=""></a></td>
</tr>
<tr>
<td align="left">
<a href="https://www.pauta.com.br/index1.jsp#">
<img src="http://www.pauta.com.br/malling/geral_sc_5.jpg" width="30" height="94" border="0" alt=""></a></td>
<td align="left">
<a href="https://www.pauta.com.br/index1.jsp#">
<img src="http://www.pauta.com.br/malling/geral_sc_6.jpg" width="30" height="94" border="0" alt=""></a></td>
</tr>
<tr>
<td colspan="6">
<a href="https://www.pauta.com.br/index1.jsp#">
<img src="http://www.pauta.com.br/malling/bannerdiario.jpg" width="800" height="309" border="0" alt="Banner"></a></td>
</tr>
<tr>
<td>
<a href="https://www.pauta.com.br/produtos?codMasterGrupo=0&idProduto=20104">
<img src="http://www.pauta.com.br/malling/sex_sc_01.jpg" width="400" height="535" border="0" alt="Produto 1"></a></td>
<td colspan="5">
<a href="https://www.pauta.com.br/produtos?codMasterGrupo=0&idProduto=20104">
<img src="http://www.pauta.com.br/malling/sex_sc_02.jpg" width="400" height="535" border="0" alt="Produto 2"></a></td>
</tr>
<tr>
<td>
<a href="https://www.pauta.com.br/produtos?codMasterGrupo=0&idProduto=20104">
<img src="http://www.pauta.com.br/malling/sex_sc_03.jpg" width="400" height="542" border="0" alt="Produto 3"></a></td>
<td colspan="5">
<a href="https://www.pauta.com.br/produtos?codMasterGrupo=0&idProduto=20104">
<img src="http://www.pauta.com.br/malling/sex_sc_04.jpg" width="400" height="542" border="0" alt="Produto 4"></a></td>
</tr>
<tr>
<td colspan="6">
<a href="https://www.pauta.com.br/index1.jsp#">
<img src="http://www.pauta.com.br/malling/bannerdiario_1.jpg" width="800" height="240" border="0" alt="Banner 1"></a></td>
</tr>
<tr>
<td>
<a href="https://www.pauta.com.br/produtos?codMasterGrupo=0&idProduto=20104">
<img src="http://www.pauta.com.br/malling/sex_sc_05.jpg" width="400" height="535" border="0" alt="Produto 5"></a></td>
<td colspan="5">
<a href="https://www.pauta.com.br/produtos?codMasterGrupo=0&idProduto=20104">
<img src="http://www.pauta.com.br/malling/sex_sc_06.jpg" width="400" height="535" border="0" alt="Produto 6"></a></td>
</tr>
<tr>
<td>
<a href="https://www.pauta.com.br/produtos?codMasterGrupo=0&idProduto=20104">
<img src="http://www.pauta.com.br/malling/sex_sc_07.jpg" width="400" height="542" border="0" alt="Produto 7"></a></td>
<td colspan="5">
<a href="https://www.pauta.com.br/produtos?codMasterGrupo=0&idProduto=20104">
<img src="http://www.pauta.com.br/malling/sex_sc_08.jpg" width="400" height="542" border="0" alt="Produto 8"></a></td>
</tr>
<tr>
<td colspan="6">
<a href="https://www.pauta.com.br/index1.jsp#">
<img src="http://www.pauta.com.br/malling/bannerdiario_2.jpg" width="800" height="240" border="0" alt="Banner 2"></a></td>
</tr>
<tr>
<td>
<a href="https://www.pauta.com.br/produtos?codMasterGrupo=0&idProduto=20104">
<img src="http://www.pauta.com.br/malling/sex_sc_09.jpg" width="400" height="535" border="0" alt="Produto 9"></a></td>
<td colspan="5">
<a href="https://www.pauta.com.br/produtos?codMasterGrupo=0&idProduto=20104">
<img src="http://www.pauta.com.br/malling/sex_sc_10.jpg" width="400" height="535" border="0" alt="Produto 10"></a></td>
</tr>
<tr>
<td>
<a href="https://www.pauta.com.br/produtos?codMasterGrupo=0&idProduto=20104">
<img src="http://www.pauta.com.br/malling/sex_sc_11.jpg" width="400" height="532" border="0" alt="Produto 11"></a></td>
<td colspan="5">
<a href="https://www.pauta.com.br/produtos?codMasterGrupo=0&idProduto=20104">
<img src="http://www.pauta.com.br/malling/sex_sc_12.jpg" width="400" height="532" border="0" alt="Produto 12"></a></td>
</tr>
<tr>
<td colspan="6">
<a href="https://www.pauta.com.br/index1.jsp#">
<img src="http://www.pauta.com.br/malling/sex_sc_rodape.jpg" width="800" height="506" border="0" alt="Rodapé"></a> </td>
</tr>
<tr>
<td>
<img src="http://www.pauta.com.br/malling/spacer.gif" width="400" height="1" alt=""></td>
<td>
<img src="http://www.pauta.com.br/malling/spacer.gif" width="307" height="1" alt=""></td>
<td>
<img src="http://www.pauta.com.br/malling/spacer.gif" width="30" height="1" alt=""></td>
<td>
<img src="http://www.pauta.com.br/malling/spacer.gif" width="12" height="1" alt=""></td>
<td>
<img src="http://www.pauta.com.br/malling/spacer.gif" width="30" height="1" alt=""></td>
<td>
<img src="http://www.pauta.com.br/malling/spacer.gif" width="21" height="1" alt=""></td>
</tr>
</table>
<tr> <td align="center"><span class="style9"><br/>Caso não deseje mais receber e-mails de ofertas e novidades da Pauta</span> <span class="style9"><strong><a href="mailto:exclusao@pauta.com.br?subject=Nao desejo maiss receber e-mails da Pauta"><strong>Acesse esse link</strong></a></strong></span></td>
</tr><br/>
<tr><td align="center"><span class="style9">Caso não consiga visualizar esta imagem <a href="http://www.pauta.com.br/malling/sex_sc.jpg"><strong>Acesse esse link</strong></a></span></td>
</tr><br/>
<tr><td align="center"><span class="style9">Dúvidas sobre faturamento direto <a href="http://www.pauta.com.br/malling/faturamento.swf"><strong>Acesse esse link</strong></a></span></td>
</tr><br/>
</table>
</body>
</HTML>Discussão (12)
Carregando comentários...