Partage
  • Partager sur Facebook
  • Partager sur Twitter

Soucis avec la visualisation d'une newsletter

Porblème de visualisation d'une Newsletter

TommasoZaccheo
    29 octobre 2023 à 16:37:27

    Bonjour, n'étant pas, ou presque, formé à l'écriture de codes HTML, je me retoruve avec un problème que je ne sais pas résoudre avec une news que je dois envoyer. 

    Je voudrais vous la copi-coller ci-desuite, dans l'espoir que vous pourrez répérer tous les problèmes ou les erreurs qui se nichent dans ce texte html. En particulier, mon problème est lié à la mise en page et à la visualisation de la news à partir de portable Iphone. Merci bien par avance pout toute aide. 

    <tr>
      <td>
      <table align="center" border="0" cellpadding="0" cellspacing="0" class="deviceWidth" style="border-collapse:collapse;border-spacing:0;" width="650">
      <tbody>
      <tr>
      <td class="block deviceWidth" style="padding:0;vertical-align:top;padding-right:10px;" width="206">
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td>
      <p style="margin:0;padding-top:10px;color: #384195;font-family:'Roboto Condensed', 'Helvetica', sans-serif;font-weight:400;font-size:12px;display:inline-block;text-transform: uppercase">cirque</p>
      </td>
      </tr>
      </tbody>
      </table>
       
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="margin:0;padding:0;font-family:'Roboto Condensed', sans-serif;font-weight:700;font-size:24px;color:#384195;display: inline-block;margin-top: 5px;"><a href="http://www.theatredelacite.com/programme/saison-2023-2024/preparation-pour-un-miracle" style="margin:0;padding:0;font-family:'Roboto Condensed', 'Helvetica', sans-serif;font-weight:700;font-size:24px; color:#384195;text-decoration: none;">Pr&eacute;paration pour un miracle </a></td>
      </tr>
      </tbody>
      </table>
       
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="margin:0;padding:0;font-family:'Roboto Condensed', 'Helvetica', sans-serif;font-weight:700;font-size:22px; color:#eb5a21;">Marc Oosterhoff</td>
      </tr>
      </tbody>
      </table>
       
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="display: inline-block;margin-top: 5px;">
      <p style="margin:0;padding:0;font-family:'Roboto Condensed', 'Helvetica', sans-serif;;font-weight:700;font-size:18px; color:#00b0eb;text-transform: uppercase;">16 &rarr; 18 NOVEMBRE</p>
      </td>
      </tr>
      </tbody>
      </table>
       
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="margin:0;padding:0;font-family:'Roboto Condensed', 'Helvetica', sans-serif; font-weight:normal; font-size:12px; color:#000; margin-top:5px;display: inline-block;">Il est seul sur sc&egrave;ne, oui, mais plut&ocirc;t par hasard. Il ne cherchait pas les feux de la rampe. Il n&rsquo;avait pas pr&eacute;vu de se retrouver l&agrave;. Enfin, pas vraiment. S&rsquo;il fait face au public, c&rsquo;est avec un peu de g&ecirc;ne. S&rsquo;il danse et fait l&rsquo;acrobate, c&rsquo;est parce qu&rsquo;il faut bien occuper l&rsquo;espace, faire amiti&eacute; avec le vide, r&eacute;pondre &agrave; l&rsquo;appel des agr&egrave;s. Et si la magie s&rsquo;en m&ecirc;le, c&rsquo;est malgr&eacute; lui. Ou presque. On l&rsquo;a compris, le personnage incarn&eacute; par le jeune virtuose suisse Marc Oosterhoff aimerait mieux ne pas. Plus anti-h&eacute;ros que monstre sacr&eacute;, il ne veut pas s&rsquo;imposer. Il n&rsquo;aspire pas &agrave; &laquo; devenir quelqu&rsquo;un &raquo;, ne porte pas son Moi en sautoir. Il h&eacute;site, avance sans certitude. Rate, souvent. Mais, d&rsquo;&eacute;preuve en &eacute;preuve, de ratage en miracle, ce r&eacute;ticent nous &eacute;meut et nous captive. Et l&rsquo;air de rien, d&eacute;fie notre &eacute;poque hautement contamin&eacute;e par le&nbsp;narcissisme.<br />
      <br />
      <img alt="" src="https://manager.artishocsite.com/media/tci/upload/Preparation-pour-un-miracle_HD02_c_Cie-Moost.jpg" style="width: 100%;" /></td>
      </tr>
      </tbody>
      </table>
      <p< p=""> <!-- BOUTONS -->
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="margin:0;padding:0;margin-top: 20px;">
      <p style="margin:0;padding:0;margin-top: 10px;display: inline-block;"><a href="https://www.theatredelacite.com/programme/saison-2023-2024/preparation-pour-un-miracle?hd=1" style="font-family:'Roboto Condensed', 'Helvetica', sans-serif;font-weight:700;font-size:12px; color:#384195; display:inline-block; padding: 5px 10px; text-decoration:none;border:1px solid #384195;text-transform: uppercase;">IMAGES HD</a></p>
      </td>
      </tr>
      </tbody>
      </table>
      </p<></td>
      <td class="block deviceWidth" style="padding:0;vertical-align:top;padding-right:10px;" width="206">
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td>
      <p style="margin:0;padding-top:10px;color: #384195;font-family:'Roboto Condensed', 'Helvetica', sans-serif;font-weight:400;font-size:12px;display:inline-block;text-transform: uppercase">th&eacute;&acirc;tre</p>
      </td>
      </tr>
      </tbody>
      </table>
       
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="margin:0;padding:0;font-family:'Roboto Condensed', sans-serif;font-weight:700;font-size:24px;color:#384195;display: inline-block;margin-top: 5px;"><a href="http://www.theatredelacite.com/programme/saison-2023-2024/violence-forest" style="margin:0;padding:0;font-family:'Roboto Condensed', 'Helvetica', sans-serif;font-weight:700;font-size:24px; color:#384195;text-decoration: none;">Violence Forest </a></td>
      </tr>
      </tbody>
      </table>
       
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="margin:0;padding:0;font-family:'Roboto Condensed', 'Helvetica', sans-serif;font-weight:700;font-size:22px; color:#eb5a21;">Nina Negri</td>
      </tr>
      </tbody>
      </table>
       
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="display: inline-block;margin-top: 5px;">
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0px;">
      <tbody>
      <tr>
      <td style="display: inline-block; margin-top: 5px;">
      <p style="margin: 0px; padding: 0px; font-family: &quot;Roboto Condensed&quot;, Helvetica, sans-serif; font-weight: 700; font-size: 18px; color: rgb(0, 176, 235); text-transform: uppercase;">21 &rarr; 25 NOVEMBRE</p>
      </td>
      </tr>
      </tbody>
      </table>
      </td>
      </tr>
      </tbody>
      </table>
       
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="margin:0;padding:0;font-family:'Roboto Condensed', 'Helvetica', sans-serif; font-weight:normal; font-size:12px; color:#000; margin-top:5px;display: inline-block;">&Agrave; la lecture de&nbsp;<em>Pastorale Am&eacute;ricaine</em>, roman de Philip Roth, c&rsquo;est au personnage de Merry Levov que Nina Negri a d&rsquo;embl&eacute;e &eacute;t&eacute; sensible. Et c&rsquo;est donc la trajectoire de cette jeune fille pass&eacute;e de la r&eacute;volte contre l&rsquo;american way of life&nbsp;&agrave; l&rsquo;action terroriste qui est au c&oelig;ur du spectacle, solo musical et performatif. &nbsp;Nina Negri se saisit de ce personnage en fuite, et invite diff&eacute;rentes voix &agrave; aborder la question de la violence au f&eacute;minin. Dans quelles blessures, dans quels refus la r&eacute;volte prend-elle sa source ? Comment, et quand se d&eacute;cide le passage &agrave; l&rsquo;acte ? Aux prises avec les questions les plus br&ucirc;lantes du pr&eacute;sent (la riposte f&eacute;ministe, la radicalit&eacute; &eacute;cologique), le spectacle s&rsquo;ancre dans les profondeurs d&rsquo;une for&ecirc;t, tant&ocirc;t refuge, tant&ocirc;t abysse, gr&acirc;ce au d&eacute;cor mouvant de la plasticienne Eva Jospin. Au milieu de cet &eacute;pais taillis v&eacute;g&eacute;tal et mental, la transformation de Merry prend l&rsquo;envergure d&rsquo;une possible lib&eacute;ration.<br />
      <br />
      <img alt="" src="https://manager.artishocsite.com/media/tci/upload/Violence-Forest_HD02_c_Nina-Negri.jpeg" style="width: 100%;" /></td>
      </tr>
      </tbody>
      </table>
      <p< p=""> <!-- BOUTONS -->
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="margin:0;padding:0;margin-top: 20px;">
      <p style="margin:0;padding:0;margin-top: 10px;display: inline-block;"><a href="https://www.theatredelacite.com/programme/saison-2023-2024/violence-forest?hd=1" style="font-family:'Roboto Condensed', 'Helvetica', sans-serif;font-weight:700;font-size:12px; color:#384195; display:inline-block; padding: 5px 10px; text-decoration:none;border:1px solid #384195;text-transform: uppercase;">IMAGES HD </a></p>
      </td>
      </tr>
      </tbody>
      </table>
      </p<></td>
      <td class="block deviceWidth" style="padding:0;vertical-align:top;padding-right:10px;" width="206">
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td>
      <p style="margin:0;padding-top:10px;color: #384195;font-family:'Roboto Condensed', 'Helvetica', sans-serif;font-weight:400;font-size:12px;display:inline-block;text-transform: uppercase">danse</p>
      </td>
      </tr>
      </tbody>
      </table>
       
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="margin:0;padding:0;font-family:'Roboto Condensed', sans-serif;font-weight:700;font-size:24px;color:#384195;display: inline-block;margin-top: 5px;"><a href="http://www.theatredelacite.com/programme/saison-2023-2024/joy-enjoy-joy" style="margin:0;padding:0;font-family:'Roboto Condensed', 'Helvetica', sans-serif;font-weight:700;font-size:24px; color:#384195;text-decoration: none;">Joy Enjoy Joy </a></td>
      </tr>
      </tbody>
      </table>
       
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="margin:0;padding:0;font-family:'Roboto Condensed', 'Helvetica', sans-serif;font-weight:700;font-size:22px; color:#eb5a21;">Ann Van den Broek</td>
      </tr>
      </tbody>
      </table>
       
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="display: inline-block;margin-top: 5px;">
      <p style="margin:0;padding:0;font-family:'Roboto Condensed', 'Helvetica', sans-serif;;font-weight:700;font-size:18px; color:#00b0eb;text-transform: uppercase;"><span style="color: rgb(0, 176, 235); font-family: &quot;Roboto Condensed&quot;, Helvetica, sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase;">23 &rarr; 25 NOVEMBRE</span></p>
      </td>
      </tr>
      </tbody>
      </table>
       
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="margin:0;padding:0;font-family:'Roboto Condensed', 'Helvetica', sans-serif; font-weight:normal; font-size:12px; color:#000; margin-top:5px;display: inline-block;">Apr&egrave;s avoir longtemps privil&eacute;gi&eacute; des teintes plus sombres, la chor&eacute;graphe belge Ann Van den Broek s&rsquo;attache, dans ce nouveau spectacle, &agrave; la joie. Comment trouver, face aux mille menaces qui nous entourent et aux mille peines qui nous assaillent, la joie et la jubilation&nbsp;? Comment conserver l&rsquo;&eacute;tincelle qui fait vivre et donne du go&ucirc;t aux choses&nbsp;? Comment renouer, apr&egrave;s l&rsquo;&eacute;preuve, avec le plaisir qui ravit, l&rsquo;envie qui relance ? Comment briller, br&ucirc;ler, rayonner, et transmettre la flamme&nbsp;? Baign&eacute;s de texte et de vid&eacute;o, les danseurs maintiennent une joyeuse pulsation, diffusent un courant d&rsquo;&eacute;nergie sans fin. Joie donn&eacute;e comme une gr&acirc;ce, joie conquise de vive force sur la m&eacute;lancolie&nbsp;: du plus l&eacute;ger au plus profond, cinquante nuances de joie s&rsquo;opposent &agrave; la noirceur.<br />
      <br />
      <img alt="" src="https://manager.artishocsite.com/media/tci/upload/Joy-Enjoy-Joy_HD09pourINFOPRESSE-01.jpg" style="width: 100%;" /></td>
      </tr>
      </tbody>
      </table>
      <p< p=""> <!-- BOUTONS -->
      <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
      <tbody>
      <tr>
      <td style="margin:0;padding:0;margin-top: 20px;">
      <p style="margin:0;padding:0;margin-top: 10px;display: inline-block;"><a href="https://www.theatredelacite.com/programme/saison-2023-2024/joy-enjoy-joy?hd=1" style="font-family:'Roboto Condensed', 'Helvetica', sans-serif;font-weight:700;font-size:12px; color:#384195; display:inline-block; padding: 5px 10px; text-decoration:none;border:1px solid #384195;text-transform: uppercase;">IMAGES HD</a></p>
      </td>
      </tr>
      </tbody>
      </table>
      </p<></td>
      </tr>
      <!-- SÉPARATEUR -->
    • Partager sur Facebook
    • Partager sur Twitter
    AbcAbc6
      29 octobre 2023 à 20:52:21

      Bonjour,

      Le message qui suit est une réponse automatique activée par un membre de l'équipe de modération. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
      Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.
      Pour plus d'informations, nous vous invitons à lire les règles générales du forum

      Merci de colorer votre code à l'aide du bouton Code

      Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton Code de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.

      Merci de modifier votre message d'origine en fonction.

      Liens conseillés

      Bonsoir,

      >> je me retoruve avec un problème que je ne sais pas résoudre

      Quel est ce problème exactement?

      >> dans l'espoir que vous pourrez répérer tous les problèmes ou les erreurs qui se nichent dans ce texte html

      De quelles erreurs parlez vous?

      Pour les erreurs syntaxique passer votre code au validateur https://validator.w3.org/#validate_by_input

      Tester votre e-mail avec https://www.mail-tester.com/

      • Partager sur Facebook
      • Partager sur Twitter

      Soucis avec la visualisation d'une newsletter

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur ●
      • Markdown