Image de fond de <td> Thunderbird

nheavy · Message par **nheavy** » 13 sept. 2011, 07:39

Bonjour,

Je souhaite réaliser une mise en page de mail en 3 lignes : header,contenu,footer.

En théorie, mon code fonctionne, mais malheureusement, le background de la ligne contenu n'est pas afficher lorsque j'envoie le mail.

Voici le code :

Code : Tout sélectionner

<html> 
<head> 
<meta http-equiv="content-type" content="text/html; 
charset=ISO-8859-1"> 
<style type="text/css"> 
.contenu {width:620px; padding:10px 20px 0; font-size:16px;} 
.link {text-align:right;} 
.link a {text-decoration:none; font-weight:bold; color:#000000;} 
.link a:hover {color:#CACACA;} 
hr {background:#CACACA; height:1px; border:none;} 
.legal {color:#CACACA; font-size:12px;} 
.legal a {text-decoration:none; color:#404040;} 
.legal a:hover {text-decoration:underline;} 
</style> 
<title></title> 
</head><body bgcolor="#FFFFFF" text="#000000"> 
<table border="0" cellpadding="0" cellspacing="0" width="620px"> 
<tbody> 
<tr> 
<td><img src="chemin/header.jpg" alt=""> </td> 
</tr> 
<tr> 
<td class="contenu" background="chemin/contenu.jpg"> 
Mon message  
bla  
bla  
bla  
bla  
bla  
bla  
bla 
</td> 
</tr> 
<tr> 
<td><img src="chemin/footer.jpg" alt=""> </td> 
</tr> 
</tbody> 
</table> 
</body> 
</html>

Avec Thunderbird, lorsque j'enregistre ce message comme modèle, il remplace les url des images header et footer par un chemin template, alors que ce n'est pas le cas de l'image contenu. J'imagine que c'est en rapport avec le problème.

Par contre lorsque j'écris le message, la prévisualisation affiche l'image, mais après de multiples essais, l'image n'apparait pas à la réception du mail.

Auriez vous une idée ?

<config>Windows 7 / Firefox 6.0.2</config>

Demot · Message par **Demot** » 13 sept. 2011, 09:08

Bonjour ... C'est avec Stationery

?!

essaie ce qui est en code, faudra si besoin modifier
L'alignement du texte, la police et sa taille ▬ la répétition de l'image de fond repeat; no-repeat; repeat-y; ou repeat-x l'alignement du texte (dans l'exemple c'est en justifier)
Ensuite mettre les bons chemins ▬ la couleur de fond (bgcolor=) la couleur du text=

[/list][/list]

Code : Tout sélectionner

    <html>
    <head><style>
    body {
    font-family: "Trebuchet MS";
    font-size: 13pt;
    margin-left: 50;
    margin-right: 50;
    margin-top: 50;
    background-repeat: repeat;
    text-align: justify;
    }
    </style></head><body background="file:///C:/dossier/imagefond.gif" bgcolor="#FFFFCC" text="#000000"><img src="file:///C:/Dossier/entete.gif"><br>
    <br><div class="moz-signature">-- <br><img src="file:///C:/dossier/imagesbas.jpg" border="0"></div></body>
    </html>

A priori tu n'aurais pas besoin de background-position: top center; background-position: top left; background-position: top right; ou de background-position: center center; (quoique)

nheavy · Message par **nheavy** » 13 sept. 2011, 19:30

La magie est intervenue !

Alors que ça ne fonctionnais pas avec le fichier local, j'ai carrément envoyer le fichier sur mon serveur (de site) et avec l'url, là il prend l'image !

Par contre, alors que pour les autres images, Thunderbird les télécharge et les places dans ses templates, celle-ci il n'y touche pas ... M'enfin du moment que ça marche, ça me convient tout à fait.

C'est avec Stationery Image ?!

Oui, le HTML est la manière la plus simple pour créer une joli lettre en 3 partie je pense.

Bah du coup, j'ai pas eu à utiliser tes conseils, mais je vais quand même voir ça que ça donne si je configure l'image de contenu sur le body et que je place le header et le footer par dessus

Merci

A bientôt !

Demot · Message par **Demot** » 13 sept. 2011, 20:36

Recevoir des cadres lorgnant sur des images distantes c'est

pas glop !
Mes sincères condoléances à tes destinataires.

nheavy · Message par **nheavy** » 13 sept. 2011, 20:59

Il faut que le destinataire les télécharge dans les 2 cas, non ?

Demot · Message par **Demot** » 13 sept. 2011, 21:22

Un courrielleur digne de ce nom bloque par défaut les images distantes.
Ce n'est pas dit que les destinataires cliqueront sur "Afficher les contenus distants maintenant"
Un vrai papier à lettres n'a pas besoin de cadre... dans mon exemple il n'y en a pas.

nheavy · Message par **nheavy** » 13 sept. 2011, 21:33

Ok, je vais améliorer la chose dans ce cas

j'étais pas au courant pour cette spécificité, merci de me l'avoir apprise.

Demot · Message par **Demot** » 13 sept. 2011, 21:52

Fais un essai avec le code que j'ai posté... ça ne mange pas de pain

Ceci dit, tu n'as pas précisé pour ton image du centre, celle du papier, doit-elle se répéter oui non, si oui en colonne gauche, colonne droite, si non doit-elle être au top centre voire descendre au fur et à mesure des entrées etc...

nheavy · Message par **nheavy** » 13 sept. 2011, 22:45

J'ai modifié ma lettre, ça marche tout aussi bien, et en plus les images ne seront pas bloqués vu que cette fois, elles ont toutes été transféré dans les templates.

Un grand merci Demot

Bonne continuation et à bientôt

PS: tu veux que j'ajoute le html d'une lettre à 3 niveau dans ton topic modèle ?

Edit: Pour l'image centrale, c'était du repeat-y dont j'avais besoin.

Demot · Message par **Demot** » 13 sept. 2011, 22:48

ça marche

nheavy a écrit : elles ont toutes été transféré dans les templates.

Pas tout compris : template = modèle ... avec le html on n'a plus besoin de dossier Modèle !
Les fichiers images et fichiers HTML sont hors Tb dans des dossiers du disque dur...

Si tu veux rajouter un HTML dans le forum, pas de PB, le fil est libre.

nheavy · Message par **nheavy** » 13 sept. 2011, 23:04

Bah Thunderbird le fait tout seul,

tu lui met le chemin absolu vers ton image et il te transforme ça en :

Code : Tout sélectionner

mailbox:///C|/Users/Moi/AppData/Roaming/Thunderbird/Profiles/3e8yahua.default/Mail/pop3.qqch-1.fr/Templates?number=1369664&part=1.6

J'en ai conclu que c'était un espèce de dossier template ou TB allait chercher les images des modèles.

J'utilise des modèle, je trouve ça plus pratique pour envoyer les messages, suffit de cliquer 2 fois sur le modèle et de mettre le destinataire.

Ensuite dans la vue normale tu peux modifier ce que tu veux sans même passer par le HTML.

Je mettrais ça demain, il se fait tard et je vais glisser pas mal d'explications dans le code pour que tous s'y retrouve.

Bonne soirée

Demot · Message par **Demot** » 13 sept. 2011, 23:19

Ben oui et non ... Si tu enregistres ton mail en brouillon (drafs = brouillons)
la fin on trouve un truc du genre Drafts?number=24862&part=1.2&filename=image.gif"

Si ça se termine par Templates?number=1369664&part=1.6.....
template = modele ... d'où pourquoi ce template

Avec le html pas besoin d'enregistré en modèle avec Stationery, il suffit de cliquer sur le nom du papier à lettres... l'extension ira chercher le fichier html correspondant avec les images... il suffit de mettre le destinataire et la bafouille... et ça n'encombre pas en poids le profil.

nheavy · Message par **nheavy** » 13 sept. 2011, 23:30

Ah ouais mais moi j'ai déjà du texte pré-écrit dessus, c'est une lettre lambda, j'ai 2 champ à modifier, si non tout est conservé, ce n'est pas seulement les images que je voulais comme modèle. C'est pour éviter de re-taper "cher monsieur", "cordialement", etc ...

Demot · Message par **Demot** » 14 sept. 2011, 06:38

"cher monsieur", "cordialement" ou ce que tu veux peut être présent dans un html, mise en forme incluse.
Ca évite de facto de l’écrire.

Quand j'en ai besoin, dans une page de rédaction ouverte via le même html, je copie la partie qui m’intéresse dans l'onglet Code source (HTML) pour la coller dans le fichier hml. (ou son jumeau)

Quand on utilise Stationery autant installer CompactHeader, et se servir des Icones, Ecrire, Répondre et Transferer avec lesquels on peut choisir le html/Papier à lettres correspondant.

PS : ça fait longtemps que j'ai supprimé les fichiers templates devenu de facto inutiles dans mes profils
Autre pour le fun : si dans un html tu mets <blink>RSVP</blink> RSVP clignotera

Edit :

c'était du repeat-y dont j'avais besoin.

Oui mais à gauche ou à droite, (au centre ça m'étonnerait, sauf pour une image unique)
dans la partie style
background-position: top left; background-position: left;
background-position: top right; background-position: right;

nheavy · Message par **nheavy** » 14 sept. 2011, 21:52

Bonjour,

J'ai partager le modèle,

J'ai tester CompactHeader, mais en fait on a déjà ces fonctionnalités sur le logiciel de base, sauf que là on peut fermer le bandeau.

Du coup je l'ai enlever, ça n'a plus d’intérêt.

Le problème en cliquant sur répondre avec tel fichier html, c'est qu'il ne charge plus l'image du contenu du coup (celle qui est dans le body). Alors bon je vais pas me prendre la tête, je vais faire avec les modèles ^^

Geckozone

Image de fond de <td> Thunderbird

Image de fond de <td> Thunderbird

Re: Image de fond de <td> Thunderbird

Re: Image de fond de <td> Thunderbird

Re: Image de fond de <td> Thunderbird

Re: Image de fond de <td> Thunderbird

Re: Image de fond de <td> Thunderbird

Re: Image de fond de <td> Thunderbird

Re: Image de fond de <td> Thunderbird

Re: Image de fond de <td> Thunderbird

Re: Image de fond de <td> Thunderbird

Re: Image de fond de <td> Thunderbird

Re: Image de fond de <td> Thunderbird

Re: Image de fond de <td> Thunderbird

Qui est en ligne ?