18008 sujets

Questions générales et questions de débutants

Newsletter

Bonjour,

J'ai fait ma premiere newsletter en html et j'ai un gros problème : mon image est découpée !

voici le code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
td{
  border:1px grey dashed;
}
</style>
</head>

<body >
<table width="600" border="0" cellpadding="0" cellspacing="0">

<!-- LOGO ET COTE -->
  <tr>
    <td width="20" height="850" rowspan="25" ></td>
    <td valign="top" height="122"><img style="display:block" src="http://www.creationspice.fr/newsletter/logo-olympus.jpg" alt="" width="600"  /></td>
    <td width="20" height="850" rowspan="25"></td>
  </tr>
<!-- CONTENU 1 -->
<tr>
  <td align="left" valign="middle" height="55">
    <img style="display;block" src="http://www.creationspice.fr/newsletter/title1.png"/>
  </td>
</tr>

<!-- CONTENU 3 -->
        <tr>
          <td><table style="" border="0" cellspacing="0" cellpadding="0" >
  <tbody>
    <tr>
    <td align="left" valign="top"  width="300">
<span style="padding:0px;color:#f48b1b;font-family:helvetica;font-size:15px;;">
Aventurier, hipster ou v&#233;ritable fashionista,<br/>
d&#233;couvrez quel appareil photo<br/>
OLYMPUS est fait pour vous !
</span>
</td>
     <td align="right" valign="middle"  width="300">
<img "display=block src="http://www.creationspice.fr/newsletter/p1.jpg"
</td>    </tr>
</tbody></table></td>
        </tr>
<!-- CONTENU 4 -->
  <tr>
  <td align="right" valign="middle" height="55">
    <img display="block" src="http://www.creationspice.fr/newsletter/title2.png"/>
  </td>
</tr>
<!-- CONTENU 4 -->
  <tr>
          <td><table style="" border="0" cellspacing="0" cellpadding="0" >
  <tbody>
    <tr>
<td align="left" valign="top" height="30" width="300">
<span style="padding:0px;color:#8d8d8d;font-family:helvetica;font-size:15px;">
le studio mythique des plus grands<br/>
photographes et r&#233;v&#233;lez le style<br/>
qui sommeille en vous !<br/><br/>
23-27 avenue Jean Moulin<br/>
75014 Paris
</span>
</td>
     <td align="left" valign="middle"  width="300">
<img display="block" src="http://www.creationspice.fr/newsletter/p2.jpg"/>
</td>
    </tr>
</tbody></table></td>
        </tr>
<tr>
     <td align="right" valign="middle"  width="300">
<img display="block" src="http://www.creationspice.fr/newsletter/p3.jpg"/>
</td>
    </tr>
<tr>
          <td><table style="" border="0" cellspacing="0" cellpadding="0" >
  <tbody>
    <tr>
<td align="left" valign="top" height="30" width="300">
<span style="padding:0px;color:#8d8d8d;font-family:helvetica;font-size:15px;">
M&#233;tro ligne 4 : Alesia<br/>
Tram 3 : Jean Moulin<br/>
Bus (28, 38, 62, 68, N14, N21)<br/>
Al&#233;sia-G&#233;n&#233;ral Leclerc<br/>
Station Velib&#130; à proximit&#233;
</span>
</td>
     <td align="left" valign="middle"  width="300">
<img display="block" src="http://www.creationspice.fr/newsletter/p4.jpg"/>
</td>
    </tr>
</tbody></table></td>
        </tr>
<!-- CONTENU 8 -->
  <tr>
    <td align="left" valign="bottom" height="80">
<span style="padding:0px;color:#8d8d8d;font-family:helvetica;font-size:12px;">
Merci de confirmer votre pr&#233;sence avant le 3 octobre aupr&#232;s de :<br/>
Agence Reflexion Publique Victoria Bareille / M&#233;lanie Pernin<br/>
<a style="color:#8d8d8d;" href="mailto:victoriab@reflexion-publique.com">victoriab@reflexion-publique.com</a> / <a style="color:#8d8d8d;" href="mailto:melaniep@reflexion-publique.com">melaniep@reflexion-publique.com</a>  /  T&#233;l. : 01 55 21 01 55 / 45
</span>
</td>
  </tr>
</table>
</body>
</html>



Merci d'avance mille fois à tous !!!
Modifié par 6l20 (17 Sep 2014 - 23:43)
@vincenot : Merci d'utiliser les balises de colorisation syntaxique pour présenter vos codes sur le forum afin de faciliter la lecture de vos sujets.
Je suppose que l'adresse mail est fictive ? Ou que vous ne craignez pas le spam ? Smiley cligne
vincenot a écrit :
Je suis juste désespérée !!!

Pas de panique, il est juste un peu tard pour que les gens te répondent... le soleil couché, après une dure journée de labeur, certains s'autorisent arbitrairement une pause bien méritée, et s'adonnent aux joies du sommeil réparateur...
Je crois que tu devrais également faire cette pause salutaire Smiley cligne
Oui, merci. je vais suivre ce judicieux conseil. Je n'y vois plus clair à force de lire et relire ce satané code !
Bonjour Vincenot,

Il y a pas mal d'erreurs dans ton code, il faut deja commencer par corriger cette ligne :

<img "display=block src="http://www.creationspice.fr/newsletter/p1.jpg"

comme ça :

<img src="http://www.creationspice.fr/newsletter/p1.jpg" style="display:block" />


Ensuite je te conseil de ne pas utiliser les balises ROWSPAN et TBODY, les images au format PNG, les commentaires HTML et de corriger les caractères accentués, exemple pour le "é" qui est encodé comme ça :&#233;, il vaudrait mieux l'écrire comme ça &eacute;

Une fois tout cela appliquer ton code sera déjà beaucoup plus "propre", bon courage ! Smiley biggrin

Christophe
Sujet clos
Aller à