1. casa
  2. Domanda e risposta
  3. gmail html email background

gmail html email background

2012-02-29 16 views
9

C'è un modo per mettere il colore come sfondo nell'email HTML per gmail?gmail html email background

Ho usato questo per rendere sfondo corpo grigio ma doesnt lavoro

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#e2e3e7" style="font-family:Arial, Helvetica, sans-serif;">

fonte

2012-02-29 Tomas Smith

risposta

17

avvolgere il vostro e-mail in un unico tavolo unicellulari con larghezza e altezza 100% e impostare il colore di sfondo per quella cella.

<table width="100%" height="100%"> 
    <tr> 
     <td width='100%' height='100%' bgcolor='#e2e3e7'> 

      <!-- "Content" table goes here --> 
      <table width='600' align='center' bgcolor='#ffffff'> 

      </table> 

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

fonte

2012-06-20 15:45:04 digout

+2

Questo è stato utile, ma bisogna aggiungere width = "100%" e height = "100%" per la parte superiore del

troppo se si vuole riempire la finestra di posta elettronica. Quindi
. – Chris

8

Ho dovuto solo fare la stessa cosa. Se metti il ​​tuo corpo di posta elettronica in una tabella, puoi impostare bgcolor della tabella e questo funzionerà.

Avevo <body bgcolor='lightcyan'>, quindi l'ho modificato in <body> <table bgcolor='lightcyan'> e ho inserito il mio contenuto in tale tabella.

fonte

2012-12-18 19:15:21 codesforcoffee

0

nella maggior parte dei casi si avrà un'email centrato ... in modo da fare di questo un facile align = "center" non ha funzionato per me, così io faccio un width = "1680px"

<table> 
<tr> 
    <td width="1680px" align="center" valign="middle" bgcolor="#e4ebdd"> 

     <table width='600' align='center' bgcolor='#ffffff'> 
     <!-- .... --> 

    </td> 
</tr>

fonte

2014-06-03 21:37:32

+1

Nessuna unità ('px') nell'attributo width &' bgcolor', 'valign' sono deprecate. Infine, non mescolare la citazione singola con la doppia citazione. – Raptor

7

Gmail (e altri mailer) rimuovono tutti i css che non sono in linea. Quindi l'hack delle tabelle funziona solo perché si definisce il colore in linea. Non hai bisogno di un tavolo, invece utilizzare

<body style="background-color:#242a30;">

fonte

2016-08-19 09:57:35 Mermoz

+0

Sebbene mi piaccia questo approccio, la generalizzazione che "altri mailer" fanno è forse fuorviante. Direi che alcuni altri fornitori di posta fanno anche questo. –

Problemi correlati

 Problemi correlati