Problema visualizzazione immagini su apparati Apple

**ljt** · 01-10-2019, 18:03

Salve a tutti.
premetto subito che non sono un esperto di HTML e chiedo clemenza per eventuali boiate che potrei avere scritto.
IL PROBLEMA:
Ho scritto un programma di invio email con vb.net dove all'interno ho integrato del codice html per inserire delle immagini nel corpo dell'email.
Tutto funziona perfettamente, ma mi sono accorto di avere un grosso problema SOLO con apparati Apple. In pratica non viene visualizzata l'immagine se presente la firma della posta che contiene anche essa un'immagine.
IN BREVE
Invio un'email con testo e immagine nel corpo con testo Apple la visualizza.
Invio un'email con testo + la firma (che comprende un'immagine), Apple la visualizza.
Invio un'email con testo + immagine + firma, Apple non visualizza il testo e l'immagine ma solo la firma.
DA TENERE CONTO:
Con tutti i browser (edge, Internet Explorer, Firefox, Google Chrome etc etc) non ho NESUN PROBLEMA.
Con programmi di posta (Outlook, Outlook express) non ho NESSUN PROBLEMA.
Ecco il codice che ho usato, mi scuso degli eventuali ORRORI, ma come detto non programmo in HTML.

codice HTML:

<html>
  <head />
  <body>
    <div>
      <p>
        <br/>
        <br/>
      </p>
      <img alt="" hspace="0" src="cid:uniqueId1"<br/>
      <br/>
    </div>" 
    <a href="https://www.miosito.it">Mio SIto</a>
    <br/>
    <br/><b>Mio Sito Newsletter.</b>&nbsp;
    <div>
      <img alt="" hspace="0" src="cid:uniqueId" width="500" height="125" align=baseline border=0 >
    </div>
    <div>
      <hr style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; width: 603px; height: 2px;" />
      <p>
        <span style="font-family: arial, helvetica, sans-serif; font-size: xx-small;">
          <em><strong>&ldquo;Tutela dei dati personali "&nbsp; D. Lgs. n. 196/2003 e Regolamento UE n. 2016/679</strong><strong><br /></strong>
            <em>Ai sensi dell&rsquo;art.13 del D.Lgs. 196/03 bla bla bla&nbsp;
              <a href="http://www.miosito.it/import/MioSito-Privacy.pdf">www.miosito.it/import/Quadrifoglio-Privacy.pdf</a>. Grazie per la collaborazione. 
            </em>
          </em>
        </span>
      </p>
      <center>
        <span style="font-family: arial, helvetica, sans-serif; font-size: xx-small;">* * * *
        </span>
      </center>
      <p>
        <span style="font-family: arial, helvetica, sans-serif; font-size: xx-small;"><strong>&ldquo;Protection of personal data" Legislative Decree no. 196/2003 and EU Regulation no. 2016/679<br /></strong>
          <em>Under Article 13 of Legislative Decree 196/03 bla bla bla &nbsp;
            <a href="http://www.miositospa.eu/import/miosito-Privacy.pdf">www.miositospa.eu/import/miosito-Privacy.pdf"</a>&nbsp;. Many thanks for your kind co-o.
          </em>
        </span>
      </p>
    </div>
  </body>
</html>

Ringrazio tutti per l'eventuale aiuto e aspetto un gradito aiuto.

P.S. Se invio email da OUTLOOK o altri programmi nell'apparato APPLE vedo REGOLARMENTE tutto.

**KillerWorm** · 04-10-2019, 21:22

Ciao, così a primo acchito vedo che i tag <img> sono mal formati.

Qui manca la chiusura (penso che l'errore principale sia questo):

codice:

<img alt="" hspace="0" src="cid:uniqueId1"<br/>

.
Potrebbe essere corretto in questo modo:

codice:

<img alt="" hspace="0" src="cid:uniqueId1" /><br/>

.
Mentre qui, oltre alla mancata chiusura, è meglio racchiudere sempre i valori degli attributi con le doppie virgolette:

codice:

<img alt="" hspace="0" src="cid:uniqueId" width="500" height="125" align=baseline border=0 >

.
In questo modo:

codice:

<img alt="" hspace="0" src="cid:uniqueId" width="500" height="125" align="baseline" border="0" />

Altra possibile causa di errore potrebbe essere la mancanza di un DTD, cioè la prima riga del documento dovrebbe indicare un doctype, potrebbe essere questo:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

.
Può essere utile inoltre usare un qualche validatore di markup per email per assicurarti di impostare una corretta sintassi (valida per il contesto email); vedi questo: https://www.htmlemailcheck.com/check/

**ljt** · 07-10-2019, 15:05

Originariamente inviata da KillerWorm

Ciao, così a primo acchito vedo che i tag <img> sono mal formati.

Qui manca la chiusura (penso che l'errore principale sia questo):

codice:

<img alt="" hspace="0" src="cid:uniqueId1"<br/>

.
Potrebbe essere corretto in questo modo:

codice:

<img alt="" hspace="0" src="cid:uniqueId1" /><br/>

.
Mentre qui, oltre alla mancata chiusura, è meglio racchiudere sempre i valori degli attributi con le doppie virgolette:

codice:

<img alt="" hspace="0" src="cid:uniqueId" width="500" height="125" align=baseline border=0 >

.
In questo modo:

codice:

<img alt="" hspace="0" src="cid:uniqueId" width="500" height="125" align="baseline" border="0" />

Altra possibile causa di errore potrebbe essere la mancanza di un DTD, cioè la prima riga del documento dovrebbe indicare un doctype, potrebbe essere questo:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

.
Può essere utile inoltre usare un qualche validatore di markup per email per assicurarti di impostare una corretta sintassi (valida per il contesto email); vedi questo: https://www.htmlemailcheck.com/check/

Ciao Killer Worm,

ho applicato tutte le modifiche che mi hai segnalato, ma al momento sono al punto di partenza.
Farò altri tentativi anche con il link che mi hai suggerito.

Grazie per l'aiuto.

**Shores** · 06-10-2019, 14:38

Ricorda anche che ogni immagine differente che usi in
src="cid:uniqueId1"

DEVE avere un cid differente: se nel messaggio includi tre diverse immagini, dovranno avere tutte un cid diverso.

**ljt** · 07-10-2019, 15:06

Ciao Shores,

si, in effetti ogni immagine ha il suo cid:uniqueId univoco.

Grazie per l'aiuto.

**ljt** · 07-10-2019, 16:20

Ciao,

ho ricontrollato tutto il codice tramite il sito indicato da KillerWorm, ma non riesco ancora a visualizzare le immagine e la firma. Adesso neanche più con Outlook.
Questo , in teoria, è il codice corretto.

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html charset=UTF-8" />
    <body>
      <table>
        <p style="margin:0;">
          <br/>
          <br/>
        </p>
        <img alt="" hspace="0" src="cid:uniqueId1" /> 
        <br/>
        <br/>
      </table>
      <a href="https://www.MiaDittaspa.it">MiaDitta Spa</a>
      <br/>
      <br/><b>MiaDitta Spa Newsletter.</b>&nbsp;
      <table>
        <img alt="" hspace="0" src="cid:uniqueId" width="500" height="125" align="baseline" border="0" />
      </table>
      <table>
        <hr style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; width: 603px; height: 2px;" />
        <p style="margin:0;">
          <span style="font-family: arial, helvetica, sans-serif; font-size: xx-small;">
            <em><b>&ldquo;Tutela dei dati personali "&nbsp; D. Lgs. n. 196/2003 e Regolamento UE n. 2016/679</b><b><br /></b>
              <em> bla bla bla&nbsp;
                <a href="http://www.MiaDittaspa.eu/import/MiaDitta-Privacy.pdf">www.MiaDittaspa.eu/import/MiaDitta-Privacy.pdf</a>. Grazie per la collaborazione. MiaDitta S.p.A.
              </em>
            </em>
          </span>
        </p>
        <center>
          <span style="font-family: arial, helvetica, sans-serif; font-size: xx-small;">* * * *
          </span>
        </center>
        <p style="margin:0;">
          <span style="font-family: arial, helvetica, sans-serif; font-size: xx-small;"><b>&ldquo;Protection of personal data" Legislative Decree no. 196/2003 and EU Regulation no. 2016/679<br /></b>
            <em>Under Article 13 bal bla bla &nbsp;
              <a href="http://www.MiaDittaspa.eu/import/MiaDitta-Privacy.pdf">www.MiaDittaspa.eu/import/MiaDitta-Privacy.pdf"</a>&nbsp;. Many thanks for your kind co-o.
            </em>
          </span>
        </p>
      </table>
    </body>
  </head>
</html>

Altri suggerimenti?

Grazie di nuovo

**KillerWorm** · 07-10-2019, 16:49

Vedo qualche errore. Il tag <head> deve essere chiuso prima dell'apertura di <body>. I contenuti dentro <table> devono sempre seguire la struttura tabellare del tipo:

codice:

<table>
   <tr>
      <td>contenuto</td>
   </tr>
</table>

ho ricontrollato tutto il codice tramite il sito indicato da KillerWorm

Sicuramente ti salta fuori qualche errore che va corretto.

**ljt** · 07-10-2019, 17:39

Originariamente inviata da KillerWorm

Vedo qualche errore. Il tag <head> deve essere chiuso prima dell'apertura di <body>. I contenuti dentro <table> devono sempre seguire la struttura tabellare del tipo:

codice:

<table>
    <tr>
       <td>contenuto</td>
    </tr>
< /table>

Sicuramente ti salta fuori qualche errore che va corretto.

Si, di quell'orrore me ne sono accorto dopo avere postato il codice nel forum e l'ho corretto.

Riprovo a rifare un bel controllo.

Grazie

**ljt** · 07-10-2019, 17:52

Originariamente inviata da KillerWorm

Vedo qualche errore. Il tag <head> deve essere chiuso prima dell'apertura di <body>. I contenuti dentro <table> devono sempre seguire la struttura tabellare del tipo:

codice:

<table>
   <tr>
      <td>contenuto</td>
   </tr>
</table>

Sicuramente ti salta fuori qualche errore che va corretto.

Ho rifatto il controllo del codice e l'unico errore che mi esce è questo:

4 semantic paragraphs found

Your email contains semantic paragraphs (<p/>) tags, which help readers with assistive technology such as screen readers distinguish the type of content.

By default paragraphs have their own predefined margining, which can result in unwanted spacing and gaps between elements. A simple fix to reset these values is to add an inline style margin:0; to each <p> tag.

Found on line:

2, 7, 23, 36

Code Fix:

<p style="margin:0;">My Paragraph</p>

**ljt** · 07-10-2019, 17:55

Originariamente inviata da KillerWorm

Vedo qualche errore. Il tag <head> deve essere chiuso prima dell'apertura di <body>. I contenuti dentro <table> devono sempre seguire la struttura tabellare del tipo:

codice:

<table>
   <tr>
      <td>contenuto</td>
   </tr>
</table>

Sicuramente ti salta fuori qualche errore che va corretto.

Ho rifatto il controllo del codice e l'unico errore che mi esce è questo:

4 semantic paragraphs found

Your email contains semantic paragraphs (<p/>) tags, which help readers with assistive technology such as screen readers distinguish the type of content.

By default paragraphs have their own predefined margining, which can result in unwanted spacing and gaps between elements. A simple fix to reset these values is to add an inline style margin:0; to each <p> tag.

Found on line:

2, 7, 23, 36

Code Fix:

<p style="margin:0;">My Paragraph</p>

Ma nel codice, mi sembra di averlo corretto:

codice:

<p style="margin:0;">

???

Discussione: Problema visualizzazione immagini su apparati Apple

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Problema visualizzazione immagini su apparati Apple

Permessi di invio