Blog Web Standards

Soluções para os problemas enfrentados pelos desenvolvedores HTML e CSS no dia-a-dia

Histórico de Bugs

Quando você terminar de fazer seu email marketing com HTML e partir para testar no Internet Explorer, o layout fica quebrado, com linhas entre as fatias (normalmente este problema acontece no Hotmail).

Veja um exemplo: Quebra de layout no email marketing.

[as divs com style que vocês irão ver, servem para corrigir um Bug de renderização no Hotmail, para evitar as linhas de quebra de layout]

Exemplo do Código HTML (ainda com defeito):

<tr>
<td width="100" height="100">
<img src="blog.jpg" alt="Blog" width="100" height="100" />
</td>
</tr>

Deve estar igualzinho seu código, e tudo era para dar certo mas não deu? Veja o código que vai resolver seus problemas:

<tr>
<td width="100" height="100"><img src="blog.jpg" alt="Blog" width="100" height="100" /></td>
</tr>

O IE interpreta o ENTER que você coloca para organizar seu código e indentação, como uma quebra de linha.

— RESUMO —
A solução é deixar o elemento e tudo que tem dentro, na mesma linha.

Gerador de e-mail marketing

Para facilitar o trabalho de inserção das medidas de cada imagem em sua célula-mãe e a criação de uma div envolvendo com sua altura correspondente, criamos o Gerador de e-mail marketing:

http://www.webstandards.blog.br/exemplos/gerador-email-marketing/

Problema: Um bug extremamente estranho é a imagem que só funciona no Firefox, enquanto no Internet Explorer simplesmente não aparece!

Mágica? Não! Talvez o arquivo esteja corrompido.

Solução: Salvar a imagem novamente, para que funcione nos outros navegadores.