Espace vide de ma newsletter dans outlook

**akrod** · 03/02/2011, 16h34

Bonjour à tous,

J'ai un problème avec ma newsletter. En effet, elle s'affiche parfaitement sur Gmail mais par contre sur Outlook, il y a des espaces vides assez important d'au moins 30 centimètres à la verticale. Ce qui créé un décalage entre mon menu de droite et le corps de mes articles. Dans Gmail la newsletter s'affiche parfaitement !
J'utilise YMLP pour l'envoi des newsletters et j'utilise Dreamweaver pour retoucher le code en espérant trouver une solution !
Je vous mets le début du code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body leftmargin=0 topmargin=0>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="display:block;">
<tr style="display:block;"> 
<td align="center" style="padding:0px;font-weight:normal;font-size:10pt;color:#000000;font-family:verdana, geneva, arial, helvetica, sans-serif;">
 
<table border="0" cellpadding="0" cellspacing="0" width="600" style="margin-top: 10px style="display:block;";">
<tr style="display:block;">
<td align="left" style="padding:0px;font-weight:normal;font-size:10pt;color:#403e3e;font-family:verdana, geneva, arial, helvetica, sans-serif;">
 
<table cellpadding="0" cellspacing="0" width="100%" style="display:block style="display:block;";">
<tr style="display:block;">
<td align="left" style="padding:0px;font-weight:normal;font-size:10pt;color:#403e3e;font-family:verdana, geneva, arial, helvetica, sans-serif;">
 
<table cellpadding="0" cellspacing="0" width="100%" style="margin-top: 0px; margin-bottom: 0px style="display:block;";">
<tr style="display:block;">
<td align="left" style="padding:0px;font-weight:normal;font-size:10pt;color:#403e3e;font-family:verdana, geneva, arial, helvetica, sans-serif;">
 
<div style="text-align: right style="display:block;";"><img border=0></div>
 
<div style="text-align: center style="display:block;";">
Vous pouvez lire la version originale en ligne de notre newsletter en <span style="font-size: 10pt;">
<a href="http://ymlp.com/zC1t2f" style="font-family: verdana, geneva, arial, helvetica, sans-serif; text-decoration: underline; font-size: 10pt;">
cliquant ici !
</a>
*
</span>
</div>
<div style="text-align: center;">
<span style="font-size: 14pt;">
<strong>
<a href="http://www.X.fr/" style="font-family: verdana, geneva, arial, helvetica, sans-serif; text-decoration: underline; font-size: 10pt;">
<img border=0 src="http://img.ymlp.com/cardiochoc_4.jpg" height="313" width="800" style="display:block;">
</a>
</strong>
</span>
</div>

N'hésitez pas à me proposer des solutions car j'ai aucune idées !
Merci à vous !

**Vil'Coyote** · 03/02/2011, 18h14

outlook et d'autre outil de messagerie utilise des moteurs html très limités. Dans mon cas lotus notes, ne gère pas les div et certaines option d'affichage de style peut être qu'il en est de même pour outlook.

de plus j'ai l'impression que du code manque car aucun </tr> ou </td> ni même </table>

**akrod** · 03/02/2011, 18h25

En effet, j'ai pas mis la fin du code pour la partie du haut qui me pose problème.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%" style="margin-top: 5px; margin-bottom: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #8fc63d; border-right-color: #8fc63d; border-bottom-color: #8fc63d; border-left-color: #8fc63d; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px style="display:block;";">

Voilà !

Espace vide de ma newsletter dans outlook

HTML

Vue hybride

Discussions similaires

Partager

Partager