Bonjour tout le monde,
Je rencontre des problème avec ma newsletter que j'ai testé sur la plupart des client de messagerie et web mail et c'est ok sauf sur Outlook 2010 ou je vois des traits verticaux entre mes images qui sont sensé être collé pour rendre le gabarie homogène.
Je pense que j'ai du épuisé toutes mes idées et mes solutions durant les deux derniers jours, donc si vous êtes déjà passé par ce problème n'hésitez pas à me donner des solutions
.
Voilà à quoi ça ressemble en ligne :
http://www.webgraphic-m.com/testing-mailing/index.html
Et voilà ce que Mr Outlook 2010 m'affiche :
http://www.webgraphic-m.com/testing-mailing/img/newsletter.jpg
Voila ! si vous avez besoin de plus d'informations n'hésitez pas.
Merci d'avance.
Je rencontre des problème avec ma newsletter que j'ai testé sur la plupart des client de messagerie et web mail et c'est ok sauf sur Outlook 2010 ou je vois des traits verticaux entre mes images qui sont sensé être collé pour rendre le gabarie homogène.
Je pense que j'ai du épuisé toutes mes idées et mes solutions durant les deux derniers jours, donc si vous êtes déjà passé par ce problème n'hésitez pas à me donner des solutions
.Voilà à quoi ça ressemble en ligne :
http://www.webgraphic-m.com/testing-mailing/index.html
Et voilà ce que Mr Outlook 2010 m'affiche :
http://www.webgraphic-m.com/testing-mailing/img/newsletter.jpg
Voila ! si vous avez besoin de plus d'informations n'hésitez pas.
Merci d'avance.
<style>
.normal {
color:#f5f7f8;
}
.lien-en-ligne a {
text-decoration: underline;
color: #f5f7f8;
}
td.contact a{
color:#FFF;
text-decoration: none;
font-size: 12px;
}
td.contact img{
margin-top: 10px;
}
.normal-1 {
font-size: 12px;
font-family: arial, sans-serif, helvetica;
color: #6a6561;
}
hr {
margin: 0px;
}
.img-site-web img{ margin: 5px 0 5px 0;}
.img-site-web img a{ border:0;}
.table-all {
border: 4px solid #66615d;
}
td.reseaux-soc a{
height: 10px;
font-size: 11px;
}
td.reseaux-soc img{
margin: 0px;
}
</style>
<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" bgcolor="#000" style="margin:0;padding:0; font-size:12px;font-family: Arial,Verdana, Helvetica, sans-serif;background:#FFF">
<table width="640" border="0" align="center" cellpadding="0" cellspacing="0" class="table-all" style="border: 4px solid #66615d;">
<tr>
<td height="41" colspan="2" align="center" bgcolor="#66615d"class="normal lien-en-ligne" style="
color: #ffffff; font-size: 12px;
font-family: arial, sans-serif, helvetica;
">
Si cet email ne s'affiche pas correctement, vous pouvez le visualiser grâce à ce
<a href="http://www.webgraphic-m.com/testing-mailing/index.html" style="text-decoration: underline;
color: #f5f7f8;">
lien
</a>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="2" bgcolor="#66615d" height="181"><img src="img/header.jpg" width="640" height="181" valign="top" style="display:block;"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="505" >
<img src="img/header-1.jpg" width="505" height="36" valign="top" style="display:block;"/>
</td>
<td width="138" bgcolor="#FFFFFF" class="contact">
<table width="126" height="20" border="0" align="right" cellpadding="0" cellspacing"0" bgcolor="#66615d">
<tr>
<td width="20" height="19" class="reseaux-soc"><img src="img/face-book.jpg"style="display:block;"/></td>
<td width="32" height="19" class="reseaux-soc">
<a href="#" style="font-size: 11px; color:#ffffff; text-decoration: none;">
J'aime
</a>
<td width="10" height="19"/>
<td width="20" height="19" class="reseaux-soc"><img src="img/contact.jpg" style="display:block;"/></td>
<td width="42" height="19" class="reseaux-soc">
<a href="#" style="font-size: 11px; color:#ffffff; text-decoration: none;">
Contact
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="2">
<img src="img/titre.jpg" width="640" height="115" valign="top" style="display:block;"/>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="2" align="center"><img src="img/img-corp.jpg" width="640" height="423" valign="top" style="display:block;"/></td>
</tr>
<tr valign="top" bgcolor="#FFFFFF">
<td height="373" colspan="2" align="left">
<table width="640" border="0" cellpadding="0" cellspacing="0" style="margin-left: 2px;">
<tr>
<td width="321" align="center" class="img-site-web"><img src="img/casino-gourmand.jpg" width="319" height="218" border="0" align="left" valign="top" style="display:block; margin: 0px;" /></td>
<td width="317" align="center" class="img-site-web"><img src="img/bourguignonne.jpg" width="317" height="218" valign="top" align="left" style="display:block; margin: 0px;" /></td>
</tr>
<tr>
<td colspan="2" align="center" class="img-site-web"><br/>
<a href="http://www.webgraphic-m.com/testing-mailing/index.html">
<a href="http://www.webgraphic-m.com/testing-mailing/index.html"><img src="img/bouton-lien.jpg" border="0"/></a>
<a/>
<br/>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<p class="normal-1" style="font-size: 12px; font-family: arial, sans-serif, helvetica;
color: #6a6561;">Webgraphic.m@gmail.com | CHEZ MOI | Tél: +33(0)0 00 00 00
<br />
Fax: +33(0)0 00 00 00 | <a href="mailto:webgraphic.m@gmail.com" style="font-size: 12px; font-family: arial, sans-serif, helvetica; color: #6a6561; text-decoration:none;">Webgraphic.m@gmail.com </a><br />
</p>
</td>
</tr>
<tr>
<td height="2" colspan="2" align="center"><hr/></td>
</tr>
<tr>
<td colspan="2" align="center">
<p class="normal-1" style="font-size: 12px; font-family: arial, sans-serif, helvetica;
color: #6a6561;">
Pour être sûr de recevoir nos emails, pensez à ajouter contact@webgraphic-m.com à votre carnet d'adresses.
<br />
</p>
</td>
</tr>
</table>
</td>
<tr>
<td colspan="2" bgcolor="#66615d">
<img src="img/barre-footer.jpg" width="640" height="15" style="display:block;" />
</td>
</tr>
</tr>
</table>
</body>