Discussion :

[Mister Paul]

Bonjour,

je dois rédiger un bulletin associatif qui sera envoyé par emailing.
Je pense passer par des tableaux plutôt que par des DIV.
Mais je lis que padding serait mal supporté par Outlook...


Euh... alors comment faire ce simple encadré de tableau ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
table {
border: 1px solid #000000;
padding: 50px;
}

Merci pour l'aide
PAul

[rodolphebrd]

Bonjour,

pourquoi ne pas passer par MailChimp pour vous simplifier la vie.

[Mister Paul]

Merci pour le conseil : je ne connaissais pas MailChimp.

Je l'utiliserai sans doute pour la création de nouveaux mailings, mais là la direction artistique du mailing est déjà faite. Je ne cherche "que" un encadrement de table avec un padding...

Comment faire ça de manière compatible ?

[Torgar]

J'ai jamais eu de souci avec les padding sous Outlook.

Au pire, tu rajoutes une div avec un margin correspondant au padding de ton <td>.

[Mister Paul]

Hum... il semblerait ici que le problème de padding ne soit que dans les paragraphes (?)

Outlook 2007 and 2010 do not support "padding" in paragraphs

Est-ce que je dois en déduire qu'il n'y a donc pas de souci d'interprétation du style CSS pour ma table avec padding et border ?...

[rodolphebrd]

Pourquoi ne pas travailler autour d'un margin puisque c'est supporté.

A noter que outlook ne supporte pas bien le shorthand.

Au lieu de border: 1px solid #000000; il vaut mieux faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
border-color: #000000;
border-style: solid;
border-width: 1px;