|
|
|
|
PRATIQUE CLIENTS WEB |
|
|
|
Utiliser du CSS dans ses envois d'e-mails |
|
"Puis-je profiter des CSS dans mes envois d'e-mails en HTML ? Comme s'y prendre au mieux ?"
(14/09/2005) |
|
|
Forum |
|
Réagissez
dans les forums de JDN Développeurs
|
Les feuilles de style souffrent d'une reconnaissance assez aléatoire au sein de
clients de messagerie (logiciels ou en ligne). Entre ceux qui respectent les spécifications
et les autres, impossible de construire un e-mail entièrement en CSS en toute
confiance.
C'est surtout vrai pour les webmails, dont le système doit gérer une page Web
affichée au sein d'une page Web...
Le mieux reste
donc d'être assez conservateur dans l'utilisation des CSS, et ne les convoquer
que pour le superficiel. La mise en page pourra donc être réalisée avec un tableau
HTML, qui placerait également les images/fonds, tandis que les CSS se chargeront
de modifier les couleurs et images moins importantes, ainsi que les tailles de
polices.
Là encore, rien n'est garanti pour les CSS : GMail et Hotmail ont la fâcheuse
tendance d'enlever toutes les CSS et les identifiants de la page, tandis que Yahoo!
Mail modifie certaines balises à sa guise.
Les logiciels de bureau, pour la plupart, marchent cependant sans problèmes, et
afficheront aussi bien que possible une page créée dans un éditeur HTML classique.
En général, donc, parer toute éventualité en se concentrant sur la page HTML
"brute", afin que même sans CSS elle soit compréhensible, puis y appliquer
la mise en page (HTML et/ou CSS).
Les meilleures astuces CSS sur le JDN :
- Comment
appliquer les CSS d'une page web au contenu d'une iframe ?
- Comment
centrer horizontalement une DIV dans une autre en CSS ?
- Comment
créer un arrière-plan (backgroud) CSS extensible et adaptable ?
- Comment
définir les cellpadding et cellspacing en CSS ?
- Comment
modifier l'image d'un bouton input en CSS ?
- Comment
rendre l'arrière-plan d'un élément semi-transparent en conservant le texte de
cet élément opaque en CSS ?
- Internet
Explorer supporte-t-il l'attribut CSS border-radius |
|
|
|
|
|