Les balises <h1> - <h6> rendues en police verte dans les bulletins d'information par courriel

Question

Je suis en train de concevoir un e-mail dans Dreamweaver avec des CSS en ligne, mais tous les tests que je fais, avec Hotmail dans Firefox et Chrome, rendent toujours les balises d'en-tête comme une couleur de police verte. Je veux que la police soit normale. Rien ne peut la changer. Pourquoi <h1> - <h6> rendu comme une couleur de police ?

<div class="blockheader">
    <h2>New event starting today!</h2>
</div>

<style>
#block .blockheader {
    background-color: #000;
    color: #FFF;
    font-family: "Arial Black";
    display: block;
    text-align: left;
    padding: 2px 0px 2px 0px;
}
</style>

Answer 1

Lorsque vous écrivez du HTML/CSS pour des courriels, vous avez tendance à faire semblant de remonter dans le temps. Autrement dit, il faut écrire un balisage très basique et utiliser des styles en ligne :

<h1 style="color: #FFF; background: #000">Foo Email</h1>

En outre, consultez le HTML Email Boilerplate . Vous pouvez également trouver le Styliste en ligne de vous aider aussi.

Answer 2

En faisant une petite recherche, Hotmail rend les balises h vertes et pour aucune raison valable que je vois. La solution que j'ai trouvée consiste à utiliser !important dans vos styles en ligne. Comme ceci :

<h4 style="color: #660000 !important;">Awesome Red Header in Hotmail</h4>

J'espère que cela vous aidera.