Pergunta

Eu usei CSS no meu e-mail e mandou para fora.

Quando recebi o e-mail no Gmail, todos os CSS foi desativado;no entanto, quando encontrei o e-mail no thunderbird ou outlook, está tudo OK.

Como posso corrigir isso?

Foi útil?

Solução

O Gmail não bloqueia o CSS totalmente. Ainda suporta estilo embutido. Por que não suporta bloqueio de estilo, não faço ideia. Para ter uma boa visão geral do suporte ao CSS em vários clientes de webmail e e -mail, aqui está uma boa. http://www.campaignmonitor.com/css/

Outras dicas

As folhas de estilo são um dos muitos recursos HTML que geralmente são bloqueados pelos provedores de webmails.

HTML Mail é um mundo de mágoa E não vai melhorar - na verdade, você pode esperar que piorar. Quase todas as características do HTML não são suportadas em algum Mailer ou serviço de webmail. Qualquer coisa moderna é uma perda morta. E é claro que ainda existem os clientes somente de texto.

A menos que você tenha tempo livre sem fim para queimar seu código e testar todos os últimos malailadores, Esqueça o HTML Mail. Basta enviar um e -mail com um link para uma página da Web normal, onde você pode ter certeza de que tudo funcionará conforme o esperado.

Estou respondendo tarde demais, mas isso pode ajudar alguém aqui. Para poder visualizar seu e -mail como está no Gmail e em outros clientes de e -mail, você precisa de estilo embutido para cada tag em seu HTML, mas escrever CSS embutido para cada tag html consome tempo, para economizar seu tempo, use a ferramenta incorporada

http://templates.mailchimp.com/resources/inline-css/

Basta colar todo o seu modelo de e -mail e você obterá o documento HTML com CSS embutido em cada tag. Muito fácil :)

Nota: Você pode ter sua classe e ID na aula como está.

Se você pudesse incorporar estilos para classes e ids em um e-mail, aqueles que acidentalmente poderia colidir com estilos utilizado pelo gmail para apresentar a aplicação, ou de propósito, por alguém com más intenções.Na linha de estilos são locais para a marca, e os mesmos deixe o gmail estilos sozinho.

O Google tem para proteger a experiência do usuário que criou para as pessoas.

Outra boa fonte de informação é o Referência do modelo de e -mail Mailchimp. Acho a seção de desenvolvimento particularmente útil porque inclui informações sobre o que o CSS Gmail suporta e como tirar proveito disso.

Acabei de testar isso e ele suporta estilos embutidos, torna o código um pouco feio, mas você pode contornar tudo.

Espero que ajude.

Se você estiver usando Ruby on Rails e ActionMailer, você pode usar a jóia ActionMailer CSS embutido. Tudo o que você precisa fazer é instalar a gema e ela incluirá automaticamente todos os CSs em seus modelos de e -mail. Literalmente não poderia ser mais fácil.

ACTIONMAILER CSS ENTRADO NO GITHUB

<style type="text/css"></style>

Tags funcionaram para mim, eu tive um problema em que todo o meu CSS não estava funcionando porque perdi um ; Foi um processo tedioso, mas eu finalmente o encontrei.

Neste link O número 9 daqui me deu a dica inicial de que isso pode ser devido a uma linha individual de CSS.

O Gmail bloqueia todos os ativos externos (referenciados) - folhas de estilo, imagens, scripts etc. Isso é para proteger a privacidade do destinatário. Você ainda pode incluir estilos embutidos:

<span style="color:red;">Red text</span>
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top