[Risultato Test] Css inseriti nel body di una mail

**mosquito70** · 11-07-2008, 09:34

Spero possa esservi utile e nel caso potremo integrare questo 3d con altri risultati ottenuti da voi.

Ieri avevo aperto un thread sulla gestione dei CSS nel corpo di una mail.
Dopo questo suggerimento di Fcaldera,

Codice PHP:


<html>



    <head>

        <style type="text/css">

        <!-- 

            .testo { font:11px Arial, sans-serif; }

            .bordered { border : 5px solid #ffffff; }

            .title { text-decoration: none; }

        -->

        </style>

    </head>

    <body>

    

    <link rel="stylesheet" type="text/css" href="style.css" media="all" />

Ho eseguito dei test, inviando tale mail verso su una serie di domini web, quelli che considero (forse a torto) i più utilizzati.
Ho quindi aperto la casella di posta, sia da FF che da IE (il risultato è identico).
Inoltre ho testato la stesso risultato su Outlook 6 e Outlook 7, con altri indirizzi "proprietari"

Questi i risultati ottenuti.

Outlook 6.0 OK
Outlook 7.0 Rimane il problema della gestione degli input, ma le direttive CSS sono ok.
Gmail Non visualizza le direttive CSS
Hotmail OK
Yahoo OK
Libero/Inwind.it Non visualizza le direttive CSS ed inoltre rimane il problema della formattazione generale della mail
Tiscali OK

Devo ancora testare su Virgilio/Alice

Spero possa esservi utile questo 3d.

Ciao

**fcaldera** · 11-07-2008, 09:46

funziona su thunderbird e sono sicuro che su gmail e alice/virgilio funzioni (ho testato su quelle webmail).

inoltre
gli stessi stili vanno messi anche inline ovvero dentro l'elemento e richiamando l'eventuale classe.
il markup dev'essere tabelllare
bisogna usare gli attributi presentazionali (delimitati da apici)

**mosquito70** · 11-07-2008, 09:56

Originariamente inviato da fcaldera
funziona su thunderbird e sono sicuro che su gmail e alice/virgilio funzioni (ho testato su quelle webmail).

inoltre gli stessi stili vanno messi anche inline ovvero dentro l'elemento e richiamando l'eventuale classe.

Però se li metto "inline" non risolvo il problema della dimensione del file che produco.

Codice PHP:


<html>

<head>

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

    <style type="text/css">

        <!--

            .tddenoente {border-top:1.5px #000 solid;background-color:#F3F8F1;margin-top:0;padding-top:3px;font-size:14px;color:#020183;line-height:13px;font-family:Verdana; }

            .txtdenoente {font-weight:bolder}

        -->

    </style>

</head>

<body>



<link rel="stylesheet" type="text/css" href="CSS/bolloriz.css" media="all" />

dove "bolloriz.css" presenta queste poche righe di prova

Codice PHP:


.tddenoente {border-top:1.5px #000 solid;background-color:#F3F8F1;margin-top:0;padding-top:3px;font-size:14px;color:#020183;line-height:13px;font-family:Verdana; }

.txtdenoente {font-weight:bolder}

e poi nello stesso file, per lo stesso gruppo di dati, ho scritto in queste due modalità differenti

primo caso

Codice PHP:


<table width=100% border=0 cellspacing=0 cellpadding=2 style="margin:0">

     <tr>

          <td colspan=2 class="tddenoente">

             <font class="txtdenoente">Comune di XXXXX</font> 

          </td>

...

secondo caso

Codice PHP:


<table width=100% border=0 cellspacing=0 cellpadding=2 style="margin:0">

<tr>

<td colspan=2 style="border-top: 1.5px #000 solid; background-color:#F3F8F1; margin-top: 0; padding-top: 3px; font-size:14px; color:#020183; line-height:13px; font-family:Verdana">



<font style="font-weight:bolder">Comune di XXXXX</font> 



</td>

e, escludendo Libero che ha comunque dei problemi, per Gmail nel primo caso non viene interpretata la formattazione css, mentre nel secondo si.

C'è qualcosa che ho sbagliato?

ciao ciao

**ricman** · 11-07-2008, 09:58

CREDO che se funziona su Thunderbird funziona anche su Mail (a noi poveri disgraziati non pensa mai nessuno

)
Se vuoi mandarmi la foto ti rimando un printscreen ...

**fcaldera** · 11-07-2008, 10:01

codice:

<font class="txtdenoente" style="font-weight:bolder">Comune di XXXXX</font>

devi scrivere SIA la classe SIA lo stile inlinea

Il fatto che questo comporti un aumento di codice è evidente, ma devi decidere tu se sacrificare una o più webmail per risparmiare un 10% di compressione

Il problema più evidente è comunque il markup ridondante fatto a tabelle, non il codice css in sè
forse, riprogettando il layout in modo da ottimizzare la struttura a celle, riesci a togliere pezzi di codice

**mosquito70** · 11-07-2008, 10:08

Originariamente inviato da fcaldera

codice:

<font class="txtdenoente" style="font-weight:bolder">Comune di XXXXX</font>

devi scrivere SIA la classe SIA lo stile inlinea

Il fatto che questo comporti un aumento di codice è evidente, ma devi decidere tu se sacrificare una o più webmail per risparmiare un 10% di compressione

Il problema più evidente è comunque il markup ridondante fatto a tabelle, non il codice css in sè
forse, riprogettando il layout in modo da ottimizzare la struttura a celle, riesci a togliere pezzi di codice

Al momento, devo dare la priorità alla dimensione della mail in uscita, e spero di riuscire a recuperare dello spazio a scapito degli eventuali indirizzi di Gmail, che tra l'altro, potranno comunque visualizzare il contenuto della mail, da apposito link post.
(come purtroppo avviene per tutti quelli che hanno l'indirizzo su Libero o Outlook 7.0)

ciao

**fcaldera** · 11-07-2008, 10:10

faresti la prova di mandarmi una email di test?
così vediamo se funziona anche su evolution su Ubuntu

Discussione: [Risultato Test] Css inseriti nel body di una mail

Strumenti discussione

Ricerca discussione

Visualizza

[Risultato Test] Css inseriti nel body di una mail

Permessi di invio