HTML emails & css - Alsacreations

Auteur
Kyo	# 06 Dec 2007 - 14:32:26
9 Posts	Salut, Il est d'actualité que plusieurs web-mails interprètes mal les styles CSS dès que ces dernier ne sont pas directement mentionnés pour chaque balise... Y-a-t il un moyen (automatique : script ou autre ...) qui permet de linéariser une feuille de style directement dans les balises du document HTML ? Exemple : Page CSS #div1 { background-color : blue; } Page HTML <div>salut!</div> Ce que je veut avoir <div style="background-color : blue;">salut</div> Je sais que ce n'est pas conforme aux recommandation du W3C, mais c'est une contrainte pour les mailers ... Merci de votre aide.
9 Posts
Patidou	# 06 Dec 2007 - 15:17:32
2173 Posts	Perso, je ne passe pas mon temps à mettre les styles sur les éléments (même si c'est la méthode la plus universelle). Je travaille de façon normale (en respectant quelques règles, dont le placement des styles dans le body) et en haut du mail, je met une ligne de texte du style : «Si ce mail s'affiche mal ou est incomplet vous trouverez la version complète à l'adresse : http://www.exemple.com/mail/user/ ». Modifié par Patidou (06 Dec 2007 - 15:18) Avertissement : il est inutile de m'envoyer des mp pour demander de répondre à vos sujets sur le forum. Je répond si j'ai un élément de réponse et si j'ai le temps. Merci d'avance.
2173 Posts
Patidou	# 06 Dec 2007 - 15:34:29
2173 Posts	Et bien sûr, il faut respecter la sémantique pour que le mail s'affiche correctement au cas il se retrouverait «à poil». Avertissement : il est inutile de m'envoyer des mp pour demander de répondre à vos sujets sur le forum. Je répond si j'ai un élément de réponse et si j'ai le temps. Merci d'avance.
2173 Posts
matmat	# 06 Dec 2007 - 18:01:46
1040 Posts	Le mail html c'est un peu le contre exemple du bon document css, souvent il vaut mieux utiliser des tableaux par exemple. Selon ce que tu vises il vaut mieux faire des mails le plus simple possible, et de préference avec des style inline, regarde ce document si tu veux plus d'info.
1040 Posts
clickevent	# 06 Dec 2007 - 22:21:11
2 Posts	merci aussi
2 Posts
fvsch	# 06 Dec 2007 - 22:53:00
Administrateur 19941 Posts	Le blog d'Alsacréations parlait récemment d'une initiative pour le support de CSS par les clients mail et webmails. Ça peut être intéressant d'y jeter un oeil. C’est ça, la puissance intellectuelle. Bac + 2, les enfants.
Administrateur 19941 Posts
matmat	# 07 Dec 2007 - 00:20:44
1040 Posts	c'est marrant, ça vient du même site que le lien que je propose
1040 Posts
mathmax	# 17 Dec 2007 - 22:33:05
454 Posts	Y-a-t il un moyen (automatique : script ou autre ...) qui permet de linéariser une feuille de style directement dans les balises du document HTML ? J'ai justement fait un programme qui fait cela. Je te le donne à l'occasion si tu le veux. mathmax
454 Posts
fvsch	# 19 Dec 2007 - 10:30:19
Administrateur 19941 Posts	mathmax a écrit : J'ai justement fait un programme qui fait cela. Et ce programme n'est pas distribué, documenté, etc.? C’est ça, la puissance intellectuelle. Bac + 2, les enfants.
Administrateur 19941 Posts
mathmax	# 11 Apr 2008 - 17:37:07
454 Posts	Je l'ai mis en ligne. Je n'ai pas passé beaucoup de temps dessus, il se peut qu'il y ait quelques bugs. http://mathmax.mynetdomain.de/CSSInliner/ mathmax
454 Posts
fvsch	# 11 Apr 2008 - 18:52:30
Administrateur 19941 Posts	Ben pour l'instant il y a surtout un gros manque d'information sur comment ça s'utilise. C’est ça, la puissance intellectuelle. Bac + 2, les enfants.
Administrateur 19941 Posts
Heyoan	# 11 Apr 2008 - 19:39:59
Modérateur 8101 Posts	Florent V. a écrit : Ben pour l'instant il y a surtout un gros manque d'information sur comment ça s'utilise. Bof... Suffit de cliquer sur GO ! Éléments html, hiérarchie XHTML 1.0 Strict et propriétés CSS
Modérateur 8101 Posts
fvsch	# 12 Apr 2008 - 00:35:41
Administrateur 19941 Posts	Oui, mais avec quel contenu en input? J'ai testé avec un codage minimal <style>/* Ici des styles */</style> <body><p>Ici du contenu</p></body>, ben ça a pas marché. C’est ça, la puissance intellectuelle. Bac + 2, les enfants.
Administrateur 19941 Posts
mathmax	# 12 Apr 2008 - 04:43:23
454 Posts	Oui j'ai fais ça rapidement, pour mais besoins. Je n'ai pas pris le temps de le documenter. Je me suis dit que ça vaudrait quand même le coup de le partager... Le document doit être au format xml pour que la transformation fonctionne. Donc dans l'exemple que tu donnes, il suffit d'envelopper tout avec une balise html <html> <style> p { font-size:10px; } </style> <body><p>Ici du contenu</p></body> </html> Modifié par mathmax (12 Apr 2008 - 04:56) mathmax
454 Posts