28172 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde,

Je suis un intégrateur en herbe (plutôt graphiste à la base) et j'essaye de faire une newsletter pour un de mes projets.

Problème: ma news s'affiche très bien partout SAUF sous outlook, et c'est la messagerie de pas mal de gens à qui sont destinés cette news...

Je n'arrive pas à trouver pourquoi ça me l'affiche mal (rajout de "lignes" entre certains tableaux, notamment ceux avec des <td> qui contiennent du texte...)

On dirait qu'il rajoute un retour chariot avant le début du texte...(??)

Si par hasard quelqu'un avait une solution ou pouvait me dépanner, ça me rendrait bien service!

Je vous mets ci-dessous un extrait du code (en espérant que ça soit lisible..):

(news réalisée avec dreamweaver cs5, pas utilisé de CSS)
------------------------------------------

<table bgcolor="#FFFFFF" width="620" border="0" cellpadding="0" cellspacing="0" padding="0">
<tr>
<td style="margin:0" colspan="3">
<img src="images3/mailing-fireworks_r3_c1.jpg" border="0" style="display:block;"/>
</td>
</tr>
<tr>
<td style="margin:0">
<img src="images3/mailing-fireworks_r4_c1.jpg" alt="" height="46" border="0" style="display:block;"/>
</td>
<td style="margin:0" height="40" width="219" valign="middle">
<table bgcolor="#ffffff" style="vertical-align:middle" width="219" height="35" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="middle" style="margin:0; display:block" height="30" text-align="center">
<a href="*lien*"; style="text-decoration:none"target="_blank">
<p align="center" style="color:#5a5e61;font-family: Arial, Helvetica, sans-serif;font-size:16px;margin:0; border:0; display:block; height:30">
<strong>*texte*</strong>
</p>
</a>
</td>
</tr>
</table>
</td>
<td style="margin:0">
<img src="images3/mailing-fireworks_r4_c4.jpg" height="46" border="0" usemap="#Map8" style="display:block;"/>
</td>
</tr>
</table>
Bonjour,

Ton souci vient peut-être du fait que le texte est inséré dans un paragraphe (<p></p>)!
Si tu mets "margin:0;" comme style à ces paragraphes, tu ne devrais plus avoir de problème.
N.B.: Il y d'autres erreurs dans le bout de code que tu donnes !

Cordialement
Merci Iddsoft!

je vais chercher de ce côté là.

(au niveau des autres erreurs, je suis toujours preneur! Smiley smile )
Et bien, voici ce que j'ai constaté :
1- dans <table bgcolor="white" width="620" border="0" cellpadding="0" cellspacing="0" padding="0">, padding="0" est faux et superflu.
2- dans <td valign="middle" style="margin:0; display:block" height="30" text-align="center">, text-align="center" est faux et superflu.
3- dans <img src="images3/mailing-fireworks_r4_c4.jpg" height="46" border="0" usemap="#Map8" style="display:block;">, usemap="#Map8", je vois pas trop.