Bonsoir,
Voila, j'ai réalisé un site avec un module de news, envoie, tracking etc...
J'ai presque tout fini, le dernier souci (raison d'une pendaison prochaine) c'est cette m**** d'outlook
déjà j'aimerai soulevé la question non productive : Pourquoi Outlook ? (oui oui je ne vois toujours pas pourquoi régresser dans le au fil des mise à jour... m'enfin).
Bon je dérive un peu.
Voila, j'ai mon joli mail calé en tableau au pixel près qui s'afiche très très bien sur thunderbird, mail(de mac), outlook pour mac, entourage, et même hotmail.
Mais voila, grand malheur pour moi, la cliente est sur outlook 2010 sur pc... donc j'ai testé sur mon pc se cher outlook et là c'est le drame.
Mais mon contenu (remplacé à la place de [CONTENT]) est du text brut... et sur ce cher Outlook 2010 le width est interprété comme du min-width et le contenu est roi... donc il pousse la taille du tableau a la taille maximal du mail...
en gros au lieu d'avoir le tout calé au centre sur une largeur de 499px j'ai le header et le footer à 499px et le centre à 600 ou 700px (en gros la taille de la zone d'affichage du mail) suivant comment est affiché le mail dans outlook...
Alors y'a une solution autre que la corde ???
thx d'avance.
Voila, j'ai réalisé un site avec un module de news, envoie, tracking etc...
J'ai presque tout fini, le dernier souci (raison d'une pendaison prochaine) c'est cette m**** d'outlook
déjà j'aimerai soulevé la question non productive : Pourquoi Outlook ? (oui oui je ne vois toujours pas pourquoi régresser dans le au fil des mise à jour... m'enfin).
Bon je dérive un peu.
Voila, j'ai mon joli mail calé en tableau au pixel près qui s'afiche très très bien sur thunderbird, mail(de mac), outlook pour mac, entourage, et même hotmail.
Mais voila, grand malheur pour moi, la cliente est sur outlook 2010 sur pc... donc j'ai testé sur mon pc se cher outlook et là c'est le drame.
Code:
<p><style type="text/css">
body{
margin:0px;
padding:0px;
background-color:#0b0101;
color:#FFFFFF;
font-size:11px;
font-family:Arial, sans-serif;
}
#content{
background-color:#504134;
}
a{
color:#DE5801;
text-decoration:none;
}
#footer{
background-image:url('http://www.mon_domaine.com/images/newsletter/foot.jpg');
background-repeat:no-repeat;
}
h1{
font-size:15px !important;
font-weight:bold !important;
color:#DE5801 !important;
}
h2{
font-size:12px !important;
font-weight:bold !important;
color:#DE5801 !important;
}
h3{
font-size:14px !important;
font-weight:bold !important;
color:#FFFFFF !important;
}
p{
font-size:11px !important;
}
div{
font-size:11px !important;
}
</style></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100% !important; max-width:499px !important;">
<tbody>
<tr>
<td align="center" style="background-color:#0b0101;">
<table width="499px" border="0" cellspacing="0" cellpadding="0" style="width:499px !important; max-width:499px !important;">
<tbody>
<tr>
<td align="center"><a href="http://www.mon_domaine.com/?userid=[USERID]"><img width="499px" height="115px" alt="mon alt" title="mon titre" src="http://www.mon_domaine.com/images/newsletter/head.jpg" /></a></td>
</tr>
<tr>
<td height="8px"> </td>
</tr>
<tr>
<td id="content">
<table width="499px" border="0" cellspacing="0" cellpadding="0" style="width:499px !important; max-width:499px !important;">
<tbody>
<tr>
<td width="15px"> </td>
<td width="469px" style="width:469px !important;"> </td>
<td width="15px"> </td>
</tr>
<tr>
<td width="15px"> </td>
<td width="469px" style="width:469px !important;">
<div style="width:469px !important;">[CONTENT]</div>
</td>
<td width="15px"> </td>
</tr>
<tr>
<td width="15px"> </td>
<td width="469px" style="width:469px !important;"> </td>
<td width="15px"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="8px"> </td>
</tr>
<tr>
<td id="footer">
<table width="499px" border="0" cellspacing="0" cellpadding="0" style="width:499px !important; max-width:499px !important;">
<tbody>
<tr>
<td height="5px" width="15px"> </td>
<td height="5px" width="269px"> </td>
<td height="5px" width="200px"> </td>
<td height="5px" width="15px"> </td>
</tr>
<tr>
<td width="15px"> </td>
<td width="269px" align="left"><a style="font-size:11px;" href="http://www.mon_domaine.com/?userid=[USERID]">www.mon_domaine.com</a></td>
<td width="200px" align="right"><a href="http://www.moon_lien.com/"><img width="15px" height="15px" alt="" src="http://www.mon_domaine.com/images/newsletter/fb.jpg" /></a></td>
<td width="15px"> </td>
</tr>
</tbody>
</table>
<table width="499px" border="0" cellspacing="0" cellpadding="0" style="width:499px !important; max-width:499px !important;">
<tbody>
<tr>
<td width="299px" align="left" style="font-size:9px;text-align:left !important;">bla bla bla bla bla bla bla bla.<br />
bla bla bla bla bla bla bla bla bla bla bla bla</td>
<td width="200px" align="right" style="font-size:9px;text-align:right !important;">[FOOTER][USERTRACK]</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
Mais mon contenu (remplacé à la place de [CONTENT]) est du text brut... et sur ce cher Outlook 2010 le width est interprété comme du min-width et le contenu est roi... donc il pousse la taille du tableau a la taille maximal du mail...
en gros au lieu d'avoir le tout calé au centre sur une largeur de 499px j'ai le header et le footer à 499px et le centre à 600 ou 700px (en gros la taille de la zone d'affichage du mail) suivant comment est affiché le mail dans outlook...
Alors y'a une solution autre que la corde ???
thx d'avance.