[Html nelle mail] Problema con lo sfondo

**mosquito70** · 18-04-2008, 11:03

Ciao a tutti,
premetto che sto prendendo spunto dalla guida di Html.it per la creazione di mail con Html
E da altre guide di riferimento che ho trovato nei link in rilievo.

Sono appena all'inizio della creazione di una pagina, non tanto complessa, se non fosse che deve, appunto, essere inserita in una mail.
Sto facendo varie prove, con Outlook, Libero, Hotmail, Tiscali, Yahoo ed al momento trovo problemi nell'inserimento dello sfondo per una colonna e per il footeer che su Outlook viene visualizzato, mentre su Libero no.
Le altre impostazioni invece sono corrette.

Vi posto il codice, che riprende praticamente l'esempio di Html.it.

Codice PHP:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Siag Appalti</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

</head>

<body>

<div style="width:767px;margin:0 auto;font: 12px/1.4 Verdana,Arial,sans-serif;background:#FFF;color: #444">

    <div style="background: url([url]http://localhost/images/tema1.gif[/url]) repeat-x">

        [img]http://localhost/images/banner01.gif[/img]

    </div>

    <table border=0 cellspacing=0 cellpadding=5 style="margin:0;font-size:12px">

          <tbody>

              <tr>

                  <td width=187 style="background: #EFEFEF; border-left:1px solid #CCC; color: #333" valign=top>

                    SINISTRA

                  </td>

                  <td width=579 style="border-left:1px solid #CCC;border-right:1px solid #CCC" valign=top>

                    DESTRA

                  </td>

              </tr>

          </tbody>

    </table>

    <div style="border:1px solid #CCC;background: #FFEFC3;color: #333;text-align:center;font-size:90%">

        <p style="margin:5px">[b]Note e informazioni[/b]: iia ui eouoeueu iei oe au e uaeai e eauii eau aiea uae ioae eoe i eiuuoi ieeo.</p>

    </div>

</div>

</body>

</html>

Grazie in anticipo per qualsiasi suggerimento
Ciao

edit: Aggiungo che anche su Yahoo e su Tiscali si vede lo sfondo
edit(2): lo stesso identico problema di compatibilità lo rilevo nella formattazione del testo inserito in questo modo

<td style="font-size: 11px; color: #333333; line-height: 11px; text-align: justify; font-family: Tahoma,Arial, Verdana, Helvetica">asdsdad adsdasdasd
</td>

Ho testato sia su FF che su IE e le mail le invio con Asp

**ricman** · 18-04-2008, 11:50

Riguardo agli sfondi abbiamo già detto, nell'altro post, che sui div non funzionano.
Inoltre mi pare che sia scritto male a prescindere un css del genere:_

background: url(http://localhost/images/tema1.gif) repeat-x">

Inoltre puoi fare tranquillamente la definizione degli stili nell'header e toglierli dal codice per una migliore lettura/gestione del codice stesso.

**mosquito70** · 18-04-2008, 11:59

Originariamente inviato da ricman
Riguardo agli sfondi abbiamo già detto, nell'altro post, che sui div non funzionano.
Inoltre mi pare che sia scritto male a prescindere un css del genere:_
Inoltre puoi fare tranquillamente la definizione degli stili nell'header e toglierli dal codice per una migliore lettura/gestione del codice stesso.

Nella guida, è consigliato di inserirli "in-line", perchè parecchi gestori di posta eliminina no tutto quello che c'è sia tra l'"head" che tra "style"
Inoltre gli sfondi, nel caso fossero delle immagini, vanno inseriti indicando il percorso assoluto.

Infine, il problema dello sfondo l'ho riscontrato solo sulla posta di Libero.it, mentre sugli altri è ok (su Hotmail ancora non ho potuto testare)

Sulla tua segnalazione, invece mi scuso, in quanto in realtà deve essere scritta così

Edit:
Edito di nuovo, solo per confermarmi che funziona anche su Hotmail. Inoltre finora non ho avuto alcun problema (sempre escluso libero.it

)con l'utilizzo di queste formattazioni CSS

A questo punto, rinuncio a risolvere per la posta di libero, dove comunque in testa alla mail, inserirò un link nel caso in cui la mail non sia visibile.

Discussione: [Html nelle mail] Problema con lo sfondo

Strumenti discussione

Ricerca discussione

Visualizza

[Html nelle mail] Problema con lo sfondo

Permessi di invio