Problemi di visualizzazione html in gmail su IOS

[jrbs]

Buongiorno a tutti,

vi ringrazio anticamente per eventuali soluzioni al mio quesito.

So usando Gmail con add on 'AnyMergeMail' per creare le carte Fidelity digitali. Ricevo sul computer e su android la corretta formattazione della tabella. Ma su IOS e Safari il TD centrale non mantiene l'altezza necessaria.

Ho allegato screen shots : Android Che vanno bene + screen shots safari e iOS che non riesco risolvere


Qualcuno mi puo aiutare e dire come riesco risolverlo?

grazie per la collaborazione

Mark Chambers
Junio Rugby Brescia a.s.d

---

<div><div style="text-align:center"><b>{{Name}}</b>,</div><br>
<div style="text-align:center">siamo felici che tu sia diventato un membro di Rugby Brescia!<br>Usa la tua 'Tessera' digitale per accedere ai vantaggi della nostra programma Fidelity:</div><br>
<table width="470" border="0" align="center" cellpadding="0" cellspacing="0">
  <tbody><tr valign="TOP"><td width="163" height="753" rowspan="4"><img data-surl="cid:ii_ktyl2vrr0" src="https://mail.google.com/mail/u/0?ui=2&ik=ccc36e03d2&attid=0.1&permmsgid=msg-a:r-2444002204567989869&view=fimg&sz=s0-l75-ft&attbid=ANGjdJ81CPVefy61_ozxuNV2Hj7bW7aeV1CGEX1yC3wex8FgFoLFAmAylweKF_iiABzLox-m-HdlfhEDvvYQqhwfEWQUC9DQtGmLrNMV6e4SrPw2mvQQgnHvz8XGTco&disp=emb&realattid=ii_ktyl2vrr0" data-image-whitelisted=""></td>
    <td height="51"><img data-surl="cid:ii_ktyl3guo1" src="https://mail.google.com/mail/u/0?ui=2&ik=ccc36e03d2&attid=0.2&permmsgid=msg-a:r-2444002204567989869&view=fimg&sz=s0-l75-ft&attbid=ANGjdJ9nRhZuaJ7JQtGFMUCLWFrsG0vzWPYybKt0GwQ4OF2Govq2IglU8GnFrVTL4B5HBba6_O_UFsT-AWMmRYxwVtoREXIKYZyKPTqo8XCbtsKQza06Ztca1Ho_dnQ&disp=emb&realattid=ii_ktyl3guo1" data-image-whitelisted=""></td>
    <td width="107" height="753" rowspan="4"><img data-surl="cid:ii_ktyl4xdl5" src="https://mail.google.com/mail/u/0?ui=2&ik=ccc36e03d2&attid=0.4&permmsgid=msg-a:r-2444002204567989869&view=fimg&sz=s0-l75-ft&attbid=ANGjdJ91OEWBYr2l-hkEzkSxeQlu1cMK9eMWzIa9Uk6hdTJ0bpAZmSgOQzyF7gaHDskwKSMH1QLU4Lwex-YTrxW6rYbspvsokTXau3hzaFr6iz-7po5WCZtYRp50xH0&disp=emb&realattid=ii_ktyl4xdl5" data-image-whitelisted="">
  </td></tr>
  <tr valign="TOP">
    <td width="auto" height="190" valign="middle" align="center">{{QR}}</td>
  </tr>
  <tr valign="TOP"></tr>
  <tr valign="TOP">
    <td width="200" valign="top" height="501"><img data-surl="cid:ii_ktyl4j114" src="https://mail.google.com/mail/u/0?ui=2&ik=ccc36e03d2&attid=0.3&permmsgid=msg-a:r-2444002204567989869&view=fimg&sz=s0-l75-ft&attbid=ANGjdJ_MUhCei-DmbAbwDAJRPb-SAGuzvWj0fKIQnuiBCo9qICGa9k_Ie0O1vTSzo42WpfTc1OrFxewoZJiIbjEcwhjRoh7pNcQ5_rWKcX-qH0vrYQl3S0ZhvbV_Now&disp=emb&realattid=ii_ktyl4j114" data-image-whitelisted=""></td>
  </tr>
</tbody></table>
    <h1 style="text-align:center"><font face="arial narrow, sans-serif">RUGBY BRESCIA: {{ID}}</font></h1>
    <h2 style="text-align:center"><font face="arial narrow, sans-serif">Nome: {{Name}}</font></h2><h2 style="text-align:center"><font face="arial narrow, sans-serif">Cognome: {{Surname}}</font></h2>
    <h2 style="text-align:center"><font face="arial narrow, sans-serif">Profilo: {{Membership}}</font></h2><div style="text-align:center">{{year}}-{{month}}-{{day}} {{hour}}:{{minute}}:{{second}}</div></div><div style="text-align:center"><br></div><div style="text-align:center"><a href="http://#" target="_blank"><b><font color="#ff0000">CLICCA QUI PER VISIONARE LE PROMOZIONI</font></b></a><br><br></div>

[KillerWorm]

Ciao e benvenuto, c'è qualche irregolarità nella struttura della tabella, la terza riga non dovrebbe restare vuota:

<tr valign="TOP"></tr>

Prova ad inserire un <td></td>, anche se dentro non ci metti nulla. Una cosa del genere:

<tr valign="TOP"><td></td></tr>

Prova inoltre a specificare gli attributi width e height nei tag <img>, piuttosto che nei <td>.

Vedi se così migliora. Fai sapere.

[jrbs]

grazie mille sembra funzionare ora provo a mandarlo ad un iPhone

[jrbs]

salve ho dovuto semplificare la struttura della tabella. Non capisco perché su mobile ci sono questi due spazi bianchi. Qualcuno puo dare qualche dritta? Grazie mille ( su desktop tutto perfetto):

<div><div style="text-align:center"><b>{{Name}}</b>,</div><br>
<div style="text-align:center">siamo felici che tu sia diventato un sostenitore di Rugby Brescia! <br>Usa la tua 'Tessera' digitale per accedere ai vantaggi della nostra programma Fidelity:<br><br>
</div>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="422" height="52" scope="row"><img data-surl="cid:ii_kxewut6f2" src="https://mail.google.com/mail/u/0?ui=2&ik=ccc36e03d2&attid=0.0.1&permmsgid=msg-a:r-2444002204567989869&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ9DbhdY0QC9SYBeazB9D7Mg4mOphSecuB2h COwbPRecOyJAzFZV0P_lfkarL9xSgYVsdeoY5t9MTqo0Rw6Glw sGXfzv12RkVJylGuUXGQi-tf4Us9q666EUk9s&disp=emb&realattid=ii_kxewut6f2" width="422" height="52"></td>
</tr>
<tr>
<th scope="row"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="115" height="200" scope="row"><img data-surl="cid:ii_kxewv2z33" src="https://mail.google.com/mail/u/0?ui=2&ik=ccc36e03d2&attid=0.0.2&permmsgid=msg-a:r-2444002204567989869&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ_jdYGwpFEubOpLAVKb9YZFJZrxZLmoEZLe JnMUTmKsFJoedvwwhi8otyAZK523pUnWOue4LJFMpl0T5EmxkB 837ctzc-Zo0rd1NCx8RyCBxkjB_rxYKhyJxJY&disp=emb&realattid=i i_kxewv2z33"width="115" height="200"></td>
<td width="200" height="200" align="center">{{QR}}</td>
<td width="107" height="200"><img data-surl="cid:ii_kxewvdsx4" src="https://mail.google.com/mail/u/0?ui=2&ik=ccc36e03d2&attid=0.0.3&permmsgid=msg-a:r-2444002204567989869&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ8_ExjGCsERSp1L6lz2oIARI4TnAFxetZY2 7h3eHJ3kYXHLufthGEaZirjst6RE9cgkPZc_X_oUKISU5lY-HnRi0dHy1qRsjkNP-EUQRxApneWb7hMw7ZUGUEM&disp=emb&realattid=ii_kxewv dsx4" width="107" height="200" ></td>
</tr>
</tbody>
</table></th>
</tr>
<tr>
<td width="422" height="501" scope="row"><img data-surl="cid:ii_kxewvn455" src="https://mail.google.com/mail/u/0?ui=2&ik=ccc36e03d2&attid=0.0.4&permmsgid=msg-a:r-2444002204567989869&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ80Qtj_yvgIhJ0Vn9PjLje5kpHbwlxnWzOd jr7sMta035NnDtaJJ70H-xEHnHPr4pRsoynvromlTPhNySRFMv53BLw25YZOoKBHOn6SQbn VWsQAtXNYaTc1hnE&disp=emb&realattid=ii_kxewvn455" width="422" height="501"></td>
</tr>
</tbody>
</table>
<br>
<h1 style="text-align:center"><font face="arial narrow, sans-serif">RUGBY BRESCIA: {{ID}}</font></h1>
<h2 style="text-align:center"><font face="arial narrow, sans-serif">Nome: {{Name}}</font></h2><h2 style="text-align:center"><font face="arial narrow, sans-serif">Cognome: {{Surname}}</font></h2>
<h2 style="text-align:center"><font face="arial narrow, sans-serif">Profilo: {{Membership}}</font></h2><div style="text-align:center">{{year}}-{{month}}-{{day}} {{hour}}:{{minute}}:{{second}}</div></div><div style="text-align:center"><br></div><div style="text-align:center"><a href="https://www.rugbybrescia.it/join-the-family/" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.rugbybrescia.it/join-the-family/&source=gmail&ust=1640108325102000&usg=AOvVaw02RaG CVhkdIBSg6xtXxiSS"><b><font color="#ff0000">CLICCA QUI PER VISIONARE LE PROMOZIONI</font></b></a><br><br></div>
Screenshot_20211220-185211-326.png