immagine di sfondo in una email

**MrBl4d3** · 20-03-2008, 18:53

Ciao a tutt.. devo metter su una newsletter in html. Ho creato la mia paginetta html, da outlook faccio inserisci, testo da file, scelgo la pagina e il messaggio viene visualizzato correttamente. Quando però ricevo la mail non vengono mostrate le immagini di sfondo. C'è qualcosa che mi sfugge?

Il codice della pagina:

codice:

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:st1="urn:schemas-microsoft-com:office:smarttags" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<title>Newsletter</title>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
 name="PersonName"/>
<!--[if !mso]>
<style>
st1\:*{behavior:url(#default#ieooui) }
</style>
<![endif]-->
<style>
<!--
body {
	background-color:#E0F1DA
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

 /* Font Definitions */
 @font-face {
font-family:Tahoma;
 panose-1:2 11 6 4 3 5 4 4 2 4;
}
/* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal {
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Times New Roman";
}
a:link, span.MsoHyperlink {
	font-family:Arial;
	color:#EC9E47;
	font-weight:normal;
	text-decoration:none none;
}
a:visited, span.MsoHyperlinkFollowed {
	font-family:Arial;
	color:#EC9E47;
	font-weight:normal;
	text-decoration:none none;
}
p {
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	font-size:12.0pt;
	font-family:"Times New Roman";
}
p.intro, li.intro, div.intro {
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	line-height:13.5pt;
	font-size:10.0pt;
	font-family:Arial;
	color:#333333;
}
p.introbold, li.introbold, div.introbold {
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	line-height:13.5pt;
	font-size:12.0pt;
	font-family:Arial;
	color:#7498BF;
	font-weight:bold;
}
p.titleorange, li.titleorange, div.titleorange {
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	font-size:12.0pt;
	font-family:Arial;
	color:#EC9E47;
}
p.bodytext, li.bodytext, div.bodytext {
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	line-height:10.5pt;
	font-size:9.0pt;
	font-family:Arial;
	color:#333333;
}
p.bodybold, li.bodybold, div.bodybold {
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	line-height:10.5pt;
	font-size:9.0pt;
	font-family:Arial;
	color:#7498BF;
	font-weight:bold;
}
p.agendatimes, li.agendatimes, div.agendatimes {
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	font-size:8.5pt;
	font-family:Arial;
	color:#7498BF;
	font-weight:bold;
}
p.header, li.header, div.header {
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	line-height:13.5pt;
	font-size:10.5pt;
	font-family:Arial;
	color:#7498BF;
	font-weight:bold;
}
p.agendatext, li.agendatext, div.agendatext {
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	font-size:8.5pt;
	font-family:Arial;
	color:#333333;
}
p.title, li.title, div.title {
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	font-size:13.5pt;
	font-family:Arial;
	color:#666666;
	font-weight:bold;
}
p.bodytextblue, li.bodytextblue, div.bodytextblue {
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	line-height:10.5pt;
	font-size:9.0pt;
	font-family:Arial;
	color:#476F9A;
}
p.introtext, li.introtext, div.introtext {
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	line-height:12.0pt;
	font-size:9.0pt;
	font-family:Arial;
	color:#333333;
}
p.agendatext1, li.agendatext1, div.agendatext1 {
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	line-height:9.75pt;
	font-size:8.5pt;
	font-family:Arial;
	color:#333333;
}
span.StileMessaggioDiPostaElettronica30 {
	mso-style-type:personal-reply;
	font-family:Arial;
	color:navy;
}
@page Section1 {
	size:595.3pt 841.9pt;
	margin:70.85pt 2.0cm 2.0cm 2.0cm;
}
div.Section1 {
	page:Section1;
}
-->
</style>
</head>
<body background="E0F1DA" bgcolor="#E0F1DA" lang=IT link="#EC9E47" vlink="#EC9E47" leftmargin=0
topmargin=0>
<div class=Section1>
  <table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width="100%"
 style='width:100.0%'>
    <tr>
      <td valign=top><div align=center>
          <table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width=650
   style='width:498.0pt'>
            <tr height=30>
              <td height=30></td>
            </tr>
            <tr height=22 style='height:16.5pt'>
              <td height=22 style='padding:0cm 0cm 0cm 0cm;height:16.5pt'
    background="http://www.miosito.it/newsletter/images/topbar.jpg"></td>
            </tr>
            <tr>
              <td style='padding:0cm 0cm 0cm 0cm'
    background="http://www.miosito.it/newsletter/images/whitebg.jpg"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="48%"><div align="center"></div></td>
                    <td width="52%">
</td>
                  </tr>
                </table></td>
            </tr>
            <tr height=37 style='height:27.75pt'>
              <td height=37 style='padding:0cm 0cm 0cm 0cm;height:27.75pt'
    background="http://www.miosito.it/newsletter/images/divider.jpg"></td>
            </tr>
            <tr>
              <td style='padding:0cm 0cm 0cm 0cm'
    background="http://www.miosito.it/newsletter/images/whitebg.jpg"><div align=center>
                  <table class=MsoNormalTable border=0 cellspacing=1 cellpadding=0 width=650
     style='width:457.5pt' >
                    <tr>
                      <td width=494 valign=top style='width:370.5pt;padding:0cm 0cm 0cm 0cm'><div align="right" style="padding-right:14px"><font style="font-size:11px" color="#FF0000" face="arial" >xx Marzo 2008</font> </div>
                        <p style='margin:0cm;margin-bottom:.0001pt'> <font color="#476f9a" face=Arial><span
      style='font-family:Arial;color:#476F9A;font-weight:bold'>Arriva la Nuova Newsletter!</span></font></p>
                        <p style='line-height:10.5pt'><font size=1 color="#333333" face=Arial><span
      style='font-size:9.0pt;font-family:Arial;color:#333333'>Blablablablablablablalbla blalblablalbla blalblabla

                          

                          blablablabla blablablabla blablablabla blablablabla blablablabla blablablabla blablablabla blablablabla blablablabla blablablabla blablablabla blablablabla

                          

                          </span></font><font color="#476f9a" face=Arial><span style='font-family:
      Arial;color:#476F9A;font-weight:bold'>Aggiornamenti per blabla

                          </span></font><font size=1 color="#476f9a" face=Arial><span
      style='font-size:9.0pt;font-family:Arial;color:#476F9A;font-weight:bold;
      font-style:italic'>

                          NUOVI software DINAMICI

                          </span></font><font size=1 color="#333333" face=Arial><span
      style='font-size:9.0pt;font-family:Arial;color:#333333'>

                          blablablabla blablablabla blablablabla blablablablablablablabla blablablabla blablablabla blablablabla blablablabla blablablablablablablabla blablablabla blablablabla blablablabla </span></font></p>
                        <div> </div>
                        <p style='margin:0cm;margin-bottom:.0001pt;line-height:10.5pt'> <font size=2 color=blue face=Arial><span style='font-size:
      10.0pt;font-family:Arial;color:blue'><a
      href="mailto:info@miosito.it?subject=Richiesta cambio indirizzo email"><u><font
      size=1 color=blue><span style='font-size:9.0pt;color:blue'>Richiesta
                          variazione indirizzo email</span></font></u></a></span></font></p></td>
                      <td width=10 bgcolor="#D7D7D7" style='width:7.2pt;background:#D7D7D7;
      padding:0cm 0cm 0cm 0cm'><p class=MsoNormal></p></td>
                      <td width=190 valign=top style='width:142.5pt;padding:0cm 0cm 0cm 0cm'><p align=center style='margin:0cm;margin-bottom:.0001pt;text-align:center;
      line-height:10.5pt'> 

                          <font color="#333333" size="2px"> XXX</font>

                          <font color="#333333" size="2px"> blablablabla blablablabla</font>

                          

                          

                          

                          <font color="#333333" size="2px"> XXX 2</font>

                          <font color="#333333" size="2px"> blablablabla blablablablablablablabla.</font> 

                          

                           

                          <font color="#333333" size="2px">XXX3 </font>

                          <font color="#333333" size="2px"> blablablabla blablablabla </font> </p></td>
                    </tr>
                  </table>
                </div></td>
            </tr>
            <tr height=85 style='height:63.75pt'>
              <td height=85 style='padding:0cm 0cm 0cm 0cm;height:63.75pt'
    background="http://www.miosito.it/newsletter/images/boiler_blank.jpg"><div align=center>
                  <table class=MsoNormalTable border=0 cellpadding=0 width="88%"
     style='width:88.0%' id=table1 height=39>
                    <tr>
                      <td style='padding:.75pt .75pt .75pt .75pt'><p class=MsoNormal align=center style='text-align:center'><font size=1
      color="#999999" face=Arial><span style='font-size:7.5pt;font-family:Arial;
      color:#999999'>MioSito Srl - Via xxxxxx, xxx - xxx xxxxxxx

                          </span></font><font size=1 color=green face=Arial><span style='font-size:
      7.5pt;font-family:Arial;color:green'>Numero tel: xxx-xxxxxx</span></font><font
      size=1 color="#999999" face=Arial><span style='font-size:7.5pt;
      font-family:Arial;color:#999999'> Fax:
                          xxx-xxxxxx email: <a
      href="mailto:info@miosito.it"><font color="#999999"><span
      style='color:#999999'>info@miosito.it</span></font></a>
                          Web: <a href="http://www.miosito.it"><font
      color="#999999"><span style='color:#999999'>www.miosito.it</span></font></a></span></font>
                          <o:p></o:p>
                        </p></td>
                    </tr>
                  </table>
                </div></td>
            </tr>
          </table>
        </div></td>
    </tr>
  </table>
</div>
</body>
</html>

**Hobby** · 20-03-2008, 19:25

Originariamente inviato da MrBl4d3
Ciao a tutt.. devo metter su una newsletter in html. Ho creato la mia paginetta html, da outlook faccio inserisci, testo da file, scelgo la pagina e il messaggio viene visualizzato correttamente. Quando però ricevo la mail non vengono mostrate le immagini di sfondo. C'è qualcosa che mi sfugge?

A parte che da quello che ne so io per inserire la pagina html non si fà inserisci testo da file ma:
messaggio>Nuovo messaggio con>Pagina web,
la pagina che tu vuoi inviare mi sembra un po troppo complessa per l'e-mail

**ricman** · 21-03-2008, 10:07

Ma le immagini tipo
http://www.miosito.it/newsletter/images/divider.jpg
le hai pubblicate, vero?

Il codice è "osceno" (scusami il termine..) ma il backround DEVE funzionare. Sto facendo un NL proprio in questi giorni (con img sia embedded che esterne) e non cìè modo di far funzionare il background dagli stili (css). Bisogna per forza usare codice di 5 anni fa (!!!) ed usare gli attributi/stili in linea come hai fatto anche tu.
Quindi il problema è da imputare altrove...

**Hobby** · 21-03-2008, 20:43

Come ho già detto il problema a me sembra dovuto al fatto di come inserisce la pagina

**ricman** · 22-03-2008, 13:39

Originariamente inviato da Hobby
Come ho già detto il problema a me sembra dovuto al fatto di come inserisce la pagina

...su questo sono d'accordo... a meno che non sia il metodo giusto per farlo con Outlook. Nel senso che lui non afferma di avere Outlook Express. Io conosco un po' OE e allora do' ragione a te. Non conosco per nulla Outlook (non Express) quindi non saprei che dire...

Discussione: immagine di sfondo in una email

Strumenti discussione

Ricerca discussione

Visualizza

immagine di sfondo in una email

Re: immagine di sfondo in una email

Permessi di invio