[Résolu] Création d'une page html pour email, largeur zone texte ?

Création d'une page html pour email, largeur zone texte ? [Résolu] - HTML/CSS - Programmation

Marsh Posté le 18-03-2010 à 22:48:19    

Resalut à vous.
 
 
Une autre question sur le même sujet que tt à l'heure  :
 
J'ai créé dans ma page, une Div "contenant", à laquelle j'ai assigné une profondeur maxi (un "max-width: 450px" par ex). Dans ce contenant, sera saisi - au final -  
le texte de l'utilisateur. Le but étant qu'une fois dans outlook ou autre, dès qu'on dépasse un certain nombre de pixels on passe automatiquement à la ligne.
 
Or, si ça marche en local (avec IE ou Firefox, si je mets une bordure de test, on voit bien par ex les lignes dans la largeur souhaitée), sous outlook ça n'a aucun effet...
 
Comment faire d'après vous ?
 
 
Oui certains se diront "mais pourquoi il se prend la tête là-dessus ? Il suffit de taper à la ligne lors de la saisie d'un texte sous outlook ou autre... :o "
Le probleme - entre autres - est que le saut de ligne est considéré comme un nouveau paragraphe par outlook, d'où un interlignage trop marqué.
Et puis ce serait en effet très pratique d'avoir cette possibilité de calibrer la largeur d'une zone de saisie, comme une page web "normale"...


Message édité par toum_toum le 20-03-2010 à 21:14:19

---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 18-03-2010 à 22:48:19   

Reply

Marsh Posté le 18-03-2010 à 23:02:36    

le moteur html d'outlook est peut-être celui d'IE 6, dans ce cas, les max-width, max-height, min-width et min-height ne sont pas reconnus.
 
dans ce cas, faut faire :

Code :
  1. max-width: 450px;
  2. //width: 450px;


La première ligne, c'est pour les navigateurs modernes, la 2ième pour IE6.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 19-03-2010 à 01:03:41    

Merci, c'est bien ça...  :jap:  
 


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 19-03-2010 à 01:12:16    


J'en profite pour un autre petit problème :  je viens de constater que mon image en background n'apparaît pas dans les messages une fois qu'ils sont envoyés (ou reçus).
 
 
Ce background est dans un conteneur "2". C'est la zone verte à gauche qui va vers du blanc en dégradé...
Une capture :
http://nsa15.casimages.com/img/2010/03/19/100319011409845175.jpg
 
 
Mon code est le suivant :  
 
 

Code :
  1. <style>
  2. body {
  3. (RAS)
  4. }
  5. #conteneur1 {  // conteneur pour le background, l'entete et le conteneur2
  6. margin-top: -18px;
  7. margin-left: 0px;
  8. background-image: url(background.gif);
  9. background-repeat: repeat-y;
  10. }
  11. #conteneur2 {   // espace pour le texte
  12. margin-top: 15px;
  13. margin-bottom: 10px;
  14. margin-left: 65px;  // Pour dégager le texte
  15. width: 400px;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <div id="conteneur1">
  21. <img src="entete.gif" width="461" height="58" />  // l'entete
  22. <div id="conteneur2">
  23. <p>&nbsp;</p>
  24. <p>&nbsp;</p>
  25. </div>
  26. <img src="piedepage.gif" width="460" height="140" />   // le pied de page
  27. </div> 
  28. </body>


Message édité par toum_toum le 19-03-2010 à 01:13:08

---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 19-03-2010 à 07:49:54    

C'est pour une newsletter ?
Tout en table, pas de background image, style en ligne.
Outlook se base sur word pour le rendu html

Reply

Marsh Posté le 19-03-2010 à 09:36:55    

Et word utilise le composant ActiveX de rendu HTML d'IE6 si je dis pas de bêtise. Je m'en étais servi en Delphi 4 pour faire des rendus de vues avant impression et des impression via du html. Ce composant venait d'IE6.
 
Pour info, Outlook dispose aussi de filtres ou fonctions pour afficher ou pas les images des mails.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 19-03-2010 à 12:12:15    

C'est curieux car à la base il y a qq styles dans les papiers à lettres par défaut de outlook.
 
Mais je vais revoir tout ça avec des tableaux dans ce cas.. Merci
 
 
Edit : en fait ces "styles" sont à l'ancienne. Donc en effet ça rejoint vos remarques...


Message édité par toum_toum le 19-03-2010 à 12:14:54

---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 19-03-2010 à 15:28:18    

Et tous le monde n'utilise pas Outlook...
Comme le dit David Boring, on ne doit pas utiliser le CSS en mailing, tout simplement parce que la majorité des webmails l'ignore...
Donc je répète encore David, mais tout en <table>, et on utilise seulement les attributs HTML. Et en effet, pas de background-image, tu doit mettre tes images en <img>...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 19-03-2010 à 17:44:13    

Oui oui le message était reçu :o ... Merci :D


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 20-03-2010 à 08:19:06    

http://www.campaignmonitor.com/css/
 
Comme dit plus haut, tu peux oublier à peu près tout ce que tu sais faire de bien en CSS pour pages web ...
Ça empêche pas de remplir correctement les attributs alt des images par exemple, au contraire puisque la plupart des lecteurs vont être dans la situation où ils n'affichent pas les images dans un premier temps.

Reply

Marsh Posté le 20-03-2010 à 08:19:06   

Reply

Marsh Posté le 20-03-2010 à 21:13:43    

Excellent le lien. Merci beaucoup :jap:


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed