Como tirar os espaços das imagens no Gmail e Hotmail?

//Como tirar os espaços das imagens no Gmail e Hotmail?

Como tirar os espaços das imagens no Gmail e Hotmail?

Há algum tempo a Google fez mudanças na ferramenta de renderização das mensagens com imagens no Gmail e com isso surgiu um problema que afeta e muito o visual das mensagens: margem branca entre as imagens. O mesmo acontece com o Hotmail. Veja abaixo um exemplo:

Problema:

O bom é que para cada problema existe uma solução e para esse problema existe uma simples e rápida. Basta adicionar o atributo display:block do CSS na tag da imagem.

Solução:

Antes:

Depois:

Resultado:

Como fazer na ferramenta @MediaPost:

Se você não conhece HTML e usa a ferramenta de email marketing @MediaPost é simples de fazer. Veja os passos:

No editor da mensagem, clique duas vezes na imagem, irá abrir a janela abaixo:

Marque a caixinha (checkbox) Inserir display: block e pronto!

Caso tenha dúvidas, entre em contato com nosso departamento de Suporte através do atendimento Online.

Até a próxima!

2019-02-15T09:22:55-03:00By |Dicas e truques|8 Comentários

Sobre o Autor:

Analista de Sistemas formado pelo ISES, especialista em E-mail Marketing e criação de templates para e-mail. Criador e mantenedor do blog sobre e-mail marketing (www.emailmarketing.eti.br).

8 Comments

  1. junior castro 2 de agosto de 2012 em 10:46

    Vlw pela dica brohters kkkkk salvaram minha pele =/

  2. Anonymous 4 de junho de 2012 em 08:19

    Obrigado pela dica!

  3. Anonymous 27 de fevereiro de 2012 em 17:03

    Muito obrigada pela dicaaaaaaaaaa! 😀

  4. Chahad 23 de novembro de 2011 em 10:15

    Cara, é algo ridiculo mas graças a você postar isso aqui, estamos ganhando tempo pra arrumar esse bug… muito obrigado por compartilhar!

  5. Anonymous 27 de outubro de 2011 em 08:23

    Muito obrigado, ajudou muito! parabéns pelo blog, abs!

  6. Lucas Evangelista 20 de fevereiro de 2011 em 13:48

    Muuuuito obrigado, brother!
    Me tirou uma dor de cabeça do caralho!

  7. Ademir Diniz 16 de dezembro de 2010 em 09:21

    Sim Igor.
    Pode ser feito até sem a tabela, mas o “display: block” é importante pois é inserida a margem em todas as imagens, mesmo que estejam dentro de tabelas.

  8. Igor 8 de dezembro de 2010 em 17:21

    Se a imagem for dividida em duas, por exemplo, pra fazer um link do lado, é melhor fazer uma tabela dentro da outra, mas ainda com o display:block

Deixar Um Comentário Cancelar resposta