28220 sujets

CSS et mise en forme, CSS3

Lettre d'information

Bonjour le forum,

Je souhaite envoyer une newsletter à des clients qui l'ont sollicité. Ma newsletter est composée d'une page HTML, auquelle j'applique une feuille de style CSS. Elle est envoyée par email au format HTML : j'envoie donc un email comportant le code de ma page HTML avec un import de ma feuille de style CSS. Voici mes questions :

1) Feuille de style CSS et images contenues dans la newsletter sont stockées sur notre serveur. Dans ma page HTML, je leur fais appel en mettant l'adresse HTTP. Est-ce une bonne méthode ?

2) Lorsque le client recoit l'email, j'ai remarqué que la messagerie mettait un peu de temps à charger la feuille CSS (qui est pourtant ultra légère à télécharger) si bien que le message s'affiche comme si il n'y avait pas la feuille de style pendant 2 à 3 sec puis le message se met en forme. Existe t'il un moyen d'eviter ces 2 à 3 sec car pdt ce temps, le client voit un mail affreux Smiley cligne ? J'avais pensé à incoporer ma feuille CSS directement dans le code HTML plutot que de faire un import mais je trouve pas ca top. Peut etre peut-on faire varier le rafraichissement ???

3) Existe t'il un moyen pour proteger l'affichage de la source. Je souhaite protéger mon code HTML notamment cacher les liens HTML disant où sont stockées mes images et ma feuille de style ?

4) J'ai vérifié les compatibilités avec Outlook et client Mozilla. Il me manque un client de messagerie Lotus par exemple. Savez vous s'il risque d'avoir des incompatibilités sachant que ma lettre fonctionne désormais parfaitement sous Outlook et Mozilla (la suite, thunderbird ...) ?

J'espère avoir été assez explicite.
Merci d'avance pour votre aide.
Merci Olivier,

J'ai lu ta page et je me suis apercu que j'avais un nouveau probleme Smiley cligne .

Cependant, si quelqu'un peut me répondre à la question 1 et 2 je suis preneur Smiley cligne
Administrateur
1 et 2) Je pense qu'il serait plus fiable et performant d'inclure la feuille de style (tags <style>...</style> dans le header) dans la page.

En ce qui concerne les images, il y a possibilité de les joindre dans le mail lorsqu'elles sont incluses dans le code html avec les tags <img... /> puisque leurs adresses sont remplacées par des cid, mais apparemment [je n'y suis pas arrivé] pas lorsqu'elles sont utilisées dans la feuille de style (backgrounds par exemple).

3) non pas de moyen.

4) les plus gros problèmes de compatibilité risquent de se produire avec les webmails. pour ceci je recommande la lecture de l'article de Pompage : http://pompage.net/pompe/cssemail/ qui décrit les inconvénients qu'on peut rencontrer et quelques remèdes.
Je viens de palir en regardant ma newsletter dans un webmail. (J'ai abusé du "top" et maintenant ca m'affiche n'importe quoi)

Je vais donc inclure ma feuille de style dans ma page HTML. Ca sera plus performant mais tout mon code sera à disposition. Smiley lol

Le webmail c'est tabou on en viendra tous à bout.

Merci Dew.
Modifié par grandtom (10 Mar 2005 - 10:32)
dew a écrit :
1 et 2) Je pense qu'il serait plus fiable et performant d'inclure la feuille de style (tags <style>...</style> dans le header) dans la page.


Oui mais attention à Hotmail:

Pour que ça marche, il ne faut pas mettre le css dans le <head>, mais dans le body. Ce qui est un peu logique, vu qu'un webmail c'est déjà une page html.

Hotmail ne prend pas en compte les background-image, le seul moyen de mettre une image de fond c'est.. dans un td.

Et aussi les propriétés du style propriété-top, propriété-bottom, etc ça ne marche pas. Ni les propriétés comme {propriété: valeur valeur valeur valeur}.

Pour les liens, c'est d'office la typo d'Hotmail (tahoma 11px bleu je pense). Si vous voulez changer il faut un style= dans chaque a

Ne pas oublier les box model hack, puisqu'Hotmail c'est de l'html 4.
Effectivement,

Je peux oublier tout ce qui est: propriété-top, propriété-bottom, propriété: valeur valeur valeur valeur} car rien ne passe. Le problème c'est que top m'est indispensable. Je dois donc eviter Hotmail (de tte facon un client avec une adresse hotmail j'en ai pas Smiley smile .

Box model hack ? Quel est cette bête ?
Modifié par grandtom (10 Mar 2005 - 14:32)
a écrit :
Je dois donc eviter Hotmail (de tte facon un client avec une adresse hotmail j'en ai pas smile .

Petite réflexion: est-ce à ton client de s'adapter à ce que tu fais ou bien à toi de faire en sorte que tous tes clients aient un accès correct aux informations que tu souhaites communiquer?
Tu as raison mais tu avoueras certainement qu'un compte PME-PMI avec une adresse hotmail ca ne fait pas très sérieux.
Modifié par grandtom (10 Mar 2005 - 17:03)
Ma page est composée de cette manière : les conteneurs (div) s'affichent les uns après les autres puis à la fin du code, j'utilise la propriété top (avec position: absolute) pour placer un dernier conteneur à l'endroit désiré.

Malheursement, du coup, via un webmail ou lorsque qqun veut faire suivre la newsletter, le top est appliqué à la lettre et se place à l'endroit précis et ne prend pas en compte le décalage induit par l'ajout d'information.

Je pense que je ne suis pas clair. Si quelq'un veut m'aider, je veux bien lui envoyer la lettre.
Sujet clos
Aller à