Immagine di sfondo email html outlook 2010

**marcopaolo79** · 13-12-2014, 16:24

Ciao a tutto il mio problema è proprio quello in oggetto, ovvero ho creato una firma in html che prevede un'immagine di sfondo in un div.... il classico div style=background-image..... ma questa email se spedita a utenti che hanno outlook 2010 e credo anche 2007 non viene visualizzata.
Ho letto su vari forum che outlook fa così e ho letto però ci sono dei metodi per aggirare la cosa.
Ho provato mettendo i parametri display e anche mettendola invece che come sfondo di un div come sfondo di una tabella visto che avevo letto che avrebbe funzionato ma niente...
Non esiste un modo per far vedere un'immagine di sfondo in una email ricevuta con outlook 2010 ?
Grazie a tutti

**carlomarangoni** · 13-12-2014, 20:08

Se il destinatario ha disabilitato la visualizzazione delle immagini, non c'è nulla da fare e non sarebbe neanche giusto aggirare la volontà del destinatario

**marcopaolo79** · 14-12-2014, 16:08

Il problema è che il destinatario non ha disabilitato nulla infatti le immagini inserite nell'html ma non come immagini di sfondo sono visibili, l'unica immagine che non si vede è quella di sfondo

**carlomarangoni** · 14-12-2014, 16:29

Facci vedere il codice usato di tutta la pagina

**marcopaolo79** · 14-12-2014, 16:48

Ho provato sia così:

codice:

<div style="width:990px; height:398px; text-align:left; background-image:url(http://www.miosito.it/images/email/sfondo-1.jpg);">
<p style="font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:20px; margin:0 10px 0 200px; width:780px; padding:80px 0 0 0;">
testo testo testo testo
</div>

che così:

codice:

<table width="990" height="398" border="0" cellspacing="0" cellpadding="0" background="http://www.miosito/images/email/sfondo-1.jpg">
  <tr>
    <td>
testo testo testo
</td>
</tr>
</table>

ma ahimè nulla da fare

**carlomarangoni** · 14-12-2014, 16:52

Io volevo vedere tutta la pagina perchè i client di posta sono browser molto primitivi e vanno trattati con molta semplicità

**marcopaolo79** · 15-12-2014, 02:15

Ecco qua un prova......

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Title</title>
</head>
<body style="margin:0; padding:0;">
<center>
<div style="margin:0 auto; width:990px;" />
<a href="http://www.miosito.it" target="_blank"><img src="http://www.miosito.it/images/email/header.png" border="0" /></a>
</div>

<div style="width:990px; height:398px; text-align:left; background-image:url(http://www.miosito.it/images/email/sfondo-1.jpg);">
<p style="font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:20px; margin:0 10px 0 200px; width:780px; padding:80px 0 0 0;">
testo testo testo<br />
<a href="https://www.facebook.com" target="_blank"><img src="http://www.miosito.it/images/email/facebook.png" alt="Facebook" border="0" width="45" style="float:left; margin:15px 15px 15px 50px;" /></a>          
</p>
</div>

<div style="width:990px; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:22px;">
<strong><span style="font-size:14px">
testo testo testo
</div>

</center>
</body>
</html>

l'immagine di facebook la vedo quella di sfondo ahimè no

**KillerWorm** · 15-12-2014, 13:30

Ciao, da quel che so Outlook non supporta background-image, così come la maggior parte dei client di posta.
Come soluzione puoi utilizzare l'attributo background da applicare al body o ad una tabella.
Nel tuo caso potresti usare una tabella al posto del div (non ho verificato):

codice:

<table border="0" cellspacing="0" cellpadding="0" background="http://www.miosito.it/images/email/sfondo-1.jpg" style="width:990px; height:398px; text-align:left;">
<tr><td>
<p style="font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:20px; margin:0 10px 0 200px; width:780px; padding:80px 0 0 0;">
testo testo testo<br />
<a href="https://www.facebook.com" target="_blank"><img src="http://www.miosito.it/images/email/facebook.png" alt="Facebook" border="0" width="45" style="float:left; margin:15px 15px 15px 50px;" /></a>          
</p>
</td></tr>
</table>

**carlomarangoni** · 15-12-2014, 15:52

Il DTD non va bene!
Ad un occhiata sommaria noto due chiusure mancanti nel codice </span> e </strong>.
Gli stili non devono essere molti e molto complessi.
Prova ad usare questa struttura:

codice:

<HTML>
<HEAD>
<STYLE>
BODY {
padding:0;
margin:0;
}
</STYLE>
</HEAD>
<body>
</body>
</HTML>

**marcopaolo79** · 15-12-2014, 17:47

Io avevo provato a suo tempo anche con una tabella così ma era identico ovvero vedevo le altre immagini ma non quella di sfondo.
Per i tag troncati mancanti ci sta che andando a togliere i testi per metterli sul forum abbia tagliato qualche parte.

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>prova</title>
</head>
<body style="margin:0; padding:0;">
<center>
<div style="margin:0 auto; width:990px;" />
<a href="http://www.miosito.biz" target="_blank"><img src="http://www.miosito.biz/images/email/header.png" border="0" /></a>
</div>
<table width="990" height="398" border="0" cellspacing="0" cellpadding="0" background="http://www.miosito.biz/images/email/sfondo-1.jpg">
  <tr>
    <td>
<p style="font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:20px; margin:0 10px 0 200px; width:780px; padding:80px 0 0 0;">
testo testo testo
</p>
</td>
  </tr>
</table>
</center>
</body>
</html>

Comunque voi mi confermate che con un codice semplice html e una tabella con immagine di sfondo questa mi si deve vedere?

Discussione: Immagine di sfondo email html outlook 2010

Strumenti discussione

Ricerca discussione

Visualizza

Immagine di sfondo email html outlook 2010

Permessi di invio