Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala galera,
Ps: Escrevi largura errado no título do tópico, o problema está ocorrendo na altura!
Estou com um "problema" que nunca tinha me acontecido antes,
Montei um email marketing em HTML e em momento nenhum defini tamanho de altura das colunas internas, ou seja, a altura deveria fixar de acordo com o tamanho do texto.
Porem quando meu cliente joga o código html no outlook, e muda o tamanho do texto visualmente as tabelas não corrigem o tamanho, até mesmo mudando visualmente pelo inspetor de elementos do Chrome da o mesmo "erro".
Como devo fazer para que a tabela acompanhe o tamanho do texto quando trocado visualmente?!
Segue abaixo uma imagem do "erro" quando edito pelo inspetor de elementos do Chrome:
/applications/core/interface/imageproxy/imageproxy.php?img=http://imagizer.imageshack.us/a/img844/5083/e5l5.jpg&key=1773a92f3393b31c99403857a5c7cfec8b19e92cb78d44fe8d21d57cd564f6d0" alt="e5l5.jpg" />
Segue também o código que ultilizei no email marketing:
<!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" />
<style type="text/css">
.subtitulo {
font-weight: bold;
}
.subtitulo {
font-weight: bold;
}
.subtitulo {
font-weight: bold;
}
.subtitulo {
font-weight: bold;
}
.subtitulo {
font-weight: bold;
color: #808285;
font-family: Trebuchet MS;
font-size: 24px;
}
.conteudo {
color: #808285;
font-family: Trebuchet MS;
}
</style>
</head>
<body>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td colspan="5" width="600" height="30" bgcolor="#EBEBEB"> </td></tr>
<tr>
<td width="40" bgcolor="#EBEBEB"> </td>
<td colspan="3" bgcolor="#EBEBEB"><span style="font-size:26px; font-family:Trebuchet MS; color:#b21a29;">
Lorem Ipsum is simply dummy text of the printing, but also the leap into electronic typesetting, remaining essentially.
</span></td>
<td width="40" bgcolor="#EBEBEB"> </td>
</tr>
<tr><td colspan="5" width="600" height="30" bgcolor="#EBEBEB"> </td></tr>
<tr>
<td width="40" bgcolor="#EBEBEB"> </td>
<td width="240" height="auto" bgcolor="#d1d3d4" style="padding: 20px;" >
<span class="subtitulo" style="font-weight: bold; color: #808285; font-family: Trebuchet MS; font-size: 24px;">MERCADO</span><br />
<span class="conteudo" style="color: #808285; font-family: Trebuchet MS;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</span></td>
<td width="40" bgcolor="#EBEBEB"> </td>
<td width="240" bgcolor="#d1d3d4" style="padding:20px;">
<span class="subtitulo" style="font-weight: bold; color: #808285; font-family: Trebuchet MS; font-size: 24px;">CANAIS</span><br />
<span class="conteudo" style="color: #808285; font-family: Trebuchet MS;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged..</span></td>
<td width="40" bgcolor="#EBEBEB"> </td>
</tr>
<tr>
<td colspan="5" bgcolor="#EBEBEB"> </td>
</tr>
<tr>
<td width="40" bgcolor="#EBEBEB"> </td>
<td width="240" bgcolor="#d1d3d4" style="padding:20px;">
<span class="subtitulo" style="font-weight: bold; color: #808285; font-family: Trebuchet MS; font-size: 24px;">PRODUTO</span><br />
<span class="conteudo" style="color: #808285; font-family: Trebuchet MS;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span></td>
<td width="40" bgcolor="#EBEBEB"> </td>
<td width="240" bgcolor="#d1d3d4" style="padding:20px;">
<span class="subtitulo" style="font-weight: bold; color: #808285; font-family: Trebuchet MS; font-size: 24px;">CONSUMIDOR</span><br />
<span class="conteudo" style="color: #808285; font-family: Trebuchet MS;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span>
</td>
<td width="40" bgcolor="#EBEBEB"> </td>
</tr>
<tr>
<td colspan="5" bgcolor="#EBEBEB"> </td>
</tr>
<tr>
<td width="40" bgcolor="#EBEBEB"> </td>
<td colspan="3" bgcolor="#d1d3d4" style="padding:20px;">
<span class="subtitulo" style="font-weight: bold; color: #808285; font-family: Trebuchet MS; font-size: 24px;">SESSÃO EXTRA</span><br />
<span class="conteudo" style="color: #808285; font-family: Trebuchet MS;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span>
</td>
<td width="40" bgcolor="#EBEBEB"> </td>
</tr>
<tr>
<td colspan="5" bgcolor="#EBEBEB"> </td>
</tr>
</table>
</body>
</html>Abraços,
Léo
Carregando comentários...