web-dev-qa-db-fra.com

Pourquoi Gmail bloque-t-il les CSS dans les emails?

J'ai utilisé CSS dans mon courrier électronique et l'ai envoyé.

Quand j'ai reçu l'email dans Gmail, tout le CSS était désactivé; Cependant, lorsque j'ai récupéré le courrier électronique dans Thunderbird ou Outlook, tout va bien.

Comment pourrais-je résoudre ce problème?

51
MemoryLeak

Gmail ne bloque pas totalement les CSS. Il supporte toujours le style en ligne. Pourquoi ne supporte-t-il pas le style block, je n'en ai aucune idée. Pour en avoir un bon aperçu, CSS http://www.campaignmonitor.com/css/

68
o.k.w

Les feuilles de style font partie des nombreuses fonctionnalités HTML souvent bloquées par les fournisseurs de messagerie Web.

HTML mail est un monde de blessures et il ne va pas aller mieux - en fait, vous pouvez vous attendre à ce qu'il soit empire . Presque toutes les fonctionnalités de HTML ne sont pas prises en charge dans certains services de messagerie ou de messagerie Web. Tout ce qui est moderne est une perte totale. Et bien sûr, il y a toujours les clients texte uniquement.

A moins que vous ne disposiez de beaucoup de temps libre pour graver votre code et tester chaque dernier logiciel de mailing, Forgot HTML mail. Envoyez simplement un message texte avec un lien vers une page Web normale où vous pouvez être sûr que tout fonctionnera comme prévu.

22
bobince

Je réponds trop tard mais cela peut aider quelqu'un ici. Pour pouvoir afficher votre courrier tel quel dans Gmail et d'autres clients de messagerie, vous avez besoin d'un style en ligne pour chaque balise de votre code HTML, mais l'écriture de fichiers css en ligne pour chaque balise html prend du temps.

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

Collez simplement votre modèle de courrier électronique et vous obtiendrez le document html avec des CSS en ligne dans chaque balise. C'est tellement facile :)

Remarque: vous pouvez avoir votre classe et votre identifiant en classe tels quels. 

20
Kashif Ullah

Si vous pouviez intégrer des styles à des classes et des identifiants dans un courrier électronique, ceux-ci pourraient se heurter accidentellement aux styles utilisés par gmail pour afficher l'application, ou volontairement par une personne mal intentionnée. Les styles en ligne sont locaux à la balise et laissent donc les styles gmail seuls.

Google doit protéger l'expérience utilisateur créée pour les internautes.

18
NerdFury

Une autre bonne source d’informations est le MailChimp Email Template Reference . Je trouve la section Développement particulièrement utile car elle contient des informations sur ce que CSS GMail prend en charge et comment en tirer parti.

6
mbear

Je viens de tester cela et il prend en charge les styles en ligne, rend le code un peu laid mais vous pouvez contourner tout cela.

J'espère que cela pourra aider.

3
Mike Wells

Si vous utilisez Ruby on Rails et ActionMailer, vous pouvez utiliser le gem ActionMailer Inline CSS. Tout ce que vous avez à faire est d’installer la gemme et elle insérera automatiquement tous les CSS dans vos modèles de courrier. Cela ne pourrait littéralement pas être plus facile.

ActionMailer Inline CSS sur GitHub

0
Mike Bethany