Gmail Email Spaziatura tabella

Question

So che questo cavallo è stato quasi battuto fino alla morte ... ma ho un problema di spaziatura tra i tavoli di Gmail che mi ha bloccato proprio stamattina.

<td valign="top"> 
     <img src="###/enewsletter_layout_v3_18.jpg" alt="" /> 
     <table cellpadding="0" cellspacing="0" style="background: #000; width: 700px; margin: 0 0 0 8px; text-align: center; color: #fff;"> 
      <tr> 
       <td valign="top" style="background: #890000; height: 50px; padding: 10px 15px; font-size: 24px; font-weight: bold;"> 
       New Patient Special Offer <br/> 
       Save $$$ 
       </td>     
      </tr> 
      <tr> 
       <td valign="top" style="background: #000; height: 50px; padding: 5px 15px 15px 15px;"> 
        <h1 style="font-size: 24px; font-weight: bold;">Do you have a question?</h1> 
        If you have read anything in this newsletter and have any questions or would like to 
        discuss further, please contact <br/> 
        The Centre at (555) 555-5555 
       </td>     
      </tr>   
     </table> 

    </td> 

Non importa quello che faccio, la prima immagine nella tabella c'è (layout_v3_18) sempre ha spaziatura sotto di essa. Circa 2-3 pixel di spazio bianco in Gmail. Accade su un paio di altre immagini nell'email, ma il resto funziona bene. Non importa quante volte io confronti le tabelle, non funzionerà.

Pensieri?

Answer 1

In realtà ho riscontrato questo problema molto recentemente. Il codice abbiamo scoperto che funziona meglio (leggi: sembra coerente nella maggior parte dei client di posta elettronica) è la seguente:

<img src="###" style="display: block;" /> 

basta aggiungere il display: block per ogni immagine e si risolve il problema.

Answer 2

In risposta alla mia domanda (nel caso in cui qualcun altro abbia un problema simile), ho finalmente trovato il problema (o comunque una soluzione).

Ho aggiunto uno style="float: left" all'immagine stessa, che l'ha magicamente risolto. In alternativa, l'uso di "display: block" tende ad avere un risultato simile se usato su tutte le immagini, ma il float sembra cancellare la spaziatura specificatamente per GMail quando funziona perfettamente bene altrove.

Answer 3

Gmail può aggiungere spazio bianco attorno a qualsiasi tabella, incluse le tabelle nidificate.

Anche se un po 'di hack aggiungere quanto segue come uno stile in linea alla tabella rimuove lo spazio bianco:

style="font-size:0.0em;" ... 

Answer 4

avuto lo stesso problema, ho aggiunto sotto la linea

style="line-height:1px;" 

nel tag td sopra.

Nel mio modello html in filelist.

Answer 5

L'utilizzo di display:block in immagini ha ridotto lo spazio tra le celle dell'immagine ma non ha rimosso tutti gli spazi.

Aggiungendo gli attributi deprivati ​​cella/cellpazienti nella tabella genitore (<table border="0" cellpadding="0" cellspacing="0">) erano scomparsi anche gli ultimi spazi vuoti.

Answer 6

Ho avuto lo stesso problema e ho fatto tutte le opzioni di stile sopra ma non ha funzionato. Ho ridotto l'altezza del tavolo e rimosso tutte le spaziature.