[Résolu] Faire un mail en HTML et CSS
Publié : 16 sept. 2010, 00:33
Bonjour à tous !
J'ai un gros soucis avec Thunderbird depuis ce matin.
Depuis quelques semaines, j'envoie des mails pour trouver du boulot à tout un tas de monde sans que ça pose le moindre problème. Et ce matin, après un envoi correct, PAF ! Ca a fait des chocapics ! Impossible d'afficher mon mail correctement : ni à l'écriture, ni après enregistrement, ni après réception. Et pourtant c'est exactement le même.
Ma manip' est simple : je crée un nouveau mail et j'insère ce code :
Dans l'aperçu avant envoi, l'image "engagezmoi.png" est téléchargée, le logo "anekdot.jpg" aussi, mais impossible de visualiser le formatage du texte ou l'image de fond qui sont dans ma feuille de style :
Quelqu'un a déjà eu ce problème ? Je suis sur la dernière version (3.1.3). Des suggestions ?
J'ai un gros soucis avec Thunderbird depuis ce matin.
Depuis quelques semaines, j'envoie des mails pour trouver du boulot à tout un tas de monde sans que ça pose le moindre problème. Et ce matin, après un envoi correct, PAF ! Ca a fait des chocapics ! Impossible d'afficher mon mail correctement : ni à l'écriture, ni après enregistrement, ni après réception. Et pourtant c'est exactement le même.
Ma manip' est simple : je crée un nouveau mail et j'insère ce code :
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lettre de motivation - Stève Manson</title>
<link href="http://www.anekdot.fr/contact/engagezmoi.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="corps">
<img src="http://www.anekdot.fr/contact/engagezmoi.png" title="Besoin d'un designer ? Engagez-moi !" />
<br /><br />
<table width="600">
<tr>
<td width="40%" align="center">
<a href="http://www.anekdot.fr"><img id="logo" title="www.anekdot.fr" src="http://www.anekdot.fr/contact/anekdot.jpg" border="0" /></a>
<p>Stève MANSON<br />36 rue de la Chauvrais 35850 ROMILLÉ<br />06 31 44 78 83<br />steve@anekdot.fr</p>
</td>
<td width="20%" align="center">
<br />
<img src="http://www.anekdot.fr/contact/fleche.png" />
</td>
<td width="40%">
<br />
<p style="margin-left:15px;"><a href="http://www.anekdot.fr"> www.anekdot.fr </a><br />
<a href="http://www.anekdot.fr/cvdesignerproduit.pdf"> CV Designer produit </a><br />
<a href="http://www.anekdot.fr/cvdesignergraphique.pdf"> CV Designer graphique </a><br />
<a href="http://www.anekdot.fr/cvwebdesigner.pdf"> CV Web designer </a><br />
<a href="http://www.anekdot.fr/memoire.pdf"> Mémoire de fin d'études </a></p>
</td>
</tr>
</table>
</div>
</body>
</html>
Code : Tout sélectionner
@charset "utf-8";
/* CSS Document */
* {
padding:0;
margin:0;
}
body {
background-image:url(http://www.anekdot.fr/contact/fond.jpg);
background-position:top left;
background-repeat:repeat-x;
background-color:#003c7b;
}
a {
text-decoration:none;
color:white;
font-family:Arial;
font-weight:bold;
font-size:11px;
letter-spacing:0px;
line-height:18px;
}
a:hover {
color:#003c7b;
background-color:white;
}
p {
color:white;
font-family:Arial;
font-weight:bold;
font-size:11px;
letter-spacing:0px;
line-height:18px;
}
#corps {
margin:50px auto;
padding:0 25px;
width:600px;
border:1px;
}
#logo {
margin-bottom:8px;
}
.titre {
font-size:36px;
letter-spacing:-2px;
line-height:36px;
}