Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2650 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1975059
toum_toum
Vivons masqués
Posté le 18-03-2010 à 22:48:19  profilanswer
 

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

---------------
“Never forget that England imposed this war on us" - Goebbels 1943 . “Et maintenant, la météo" - Soloviev 2023
mood
Publicité
Posté le 18-03-2010 à 22:48:19  profilanswer
 

n°1975061
rufo
Pas me confondre avec Lycos!
Posté le 18-03-2010 à 23:02:36  profilanswer
 

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
n°1975071
toum_toum
Vivons masqués
Posté le 19-03-2010 à 01:03:41  profilanswer
 

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


---------------
“Never forget that England imposed this war on us" - Goebbels 1943 . “Et maintenant, la météo" - Soloviev 2023
n°1975072
toum_toum
Vivons masqués
Posté le 19-03-2010 à 01:12:16  profilanswer
 


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

---------------
“Never forget that England imposed this war on us" - Goebbels 1943 . “Et maintenant, la météo" - Soloviev 2023
n°1975080
David Bori​ng
Posté le 19-03-2010 à 07:49:54  profilanswer
 

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

n°1975095
rufo
Pas me confondre avec Lycos!
Posté le 19-03-2010 à 09:36:55  profilanswer
 

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
n°1975162
toum_toum
Vivons masqués
Posté le 19-03-2010 à 12:12:15  profilanswer
 

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

---------------
“Never forget that England imposed this war on us" - Goebbels 1943 . “Et maintenant, la météo" - Soloviev 2023
n°1975237
abais
Posté le 19-03-2010 à 15:28:18  profilanswer
 

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.
n°1975341
toum_toum
Vivons masqués
Posté le 19-03-2010 à 17:44:13  profilanswer
 

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


---------------
“Never forget that England imposed this war on us" - Goebbels 1943 . “Et maintenant, la météo" - Soloviev 2023
n°1975448
phosphorel​oaded
Posté le 20-03-2010 à 08:19:06  profilanswer
 

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.

mood
Publicité
Posté le 20-03-2010 à 08:19:06  profilanswer
 

n°1975555
toum_toum
Vivons masqués
Posté le 20-03-2010 à 21:13:43  profilanswer
 

Excellent le lien. Merci beaucoup :jap:


---------------
“Never forget that England imposed this war on us" - Goebbels 1943 . “Et maintenant, la météo" - Soloviev 2023

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Problèmes pour la création de relations et recherches sur ACCESSInternet Explorer : chargement de page aléatoirement incomplet
[Résolu]Création d'une page html pour email, léger soucis avec outlookCréation de liste article pour site web
[résolu] C#/ process cmd.exe et sequence ALT + <020>ou CTRL+T[Résolu] Erreur avec ereg_replace
Plus de sujets relatifs à : [Résolu] Création d'une page html pour email, largeur zone texte ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR