Problema con tutorial mail: usre anche css

**Neo996sps** · 01-09-2011, 11:05

Ciao a tutti,

ho seguito questo bel tutorial su come inviare le mail dal sito sfruttando PHP: http://php.html.it/articoli/leggi/91...-html-con-php/

Ora però vorrei fare un passo avanti e dare un aspetto grafico alla faccenda importando anche i CSS nella creazione della mail. Ho infatti modificato lo script in questa maniera:

Codice PHP:


...



$messaggio .= "

<html>

<head>

<link rel='stylesheet' type='text/css' href='http://127.0.0.1/css/moduli.css' />

</head>

<body>

<div class='modulo-blue'>

<div class='header-blue'>Hai ricevuto una mail da ".$_POST["email"]."</div>

".$_POST["messaggio"]."

</div>



</body>

</html>\n";



...

ma non mi carica il foglio di stile e quindi mi rimane una mail bruttissima. Come si importano i file CSS nello script?

**jcsnake** · 01-09-2011, 12:46

Ciao, qui troverai una guida molto utile che fa proprio al caso tuo

**Neo996sps** · 01-09-2011, 12:48

Ciao,

se controlli bene il mio post vedrai che di base ho seguito proprio quella guida e non sono riuscito a risolvere il problema.

**Neo996sps** · 01-09-2011, 13:05

ho risolto con una soluzione poco elegante. Ho inserito manualmente lo stile in ogni <div> e quindi funziona.

Detta tra noi è una schifezza ma ero stufo di girare in giro a sto problema...

**satifal** · 01-09-2011, 15:28

Guarda che i CSS non devono necessariamente essere contenuti in un file, così come il codice javascript. Puoi includerlo direttamente nell'header tramite l'apposito tag <style ...>:

Originariamente inviato da Neo996sps

Codice PHP:


...



$messaggio .= "

<html>

<head>



<style type="text/css">

    body {

        background-color: #5B79AF;

        color: Black;

        margin-bottom: 0px;

        margin-left: 0px;

        margin-right: 0px;

        margin-top: 0px;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 12px;

    }

    a:link{

        text-decoration: none;

    }

    a:visited{

        text-decoration: none;

    }

    a:link{

        text-decoration: none;

    }

    .invisible { display: none; }

</style>



</head>

<body>

<div class='modulo-blue'>

<div class='header-blue'>Hai ricevuto una mail da ".$_POST["email"]."</div>

".$_POST["messaggio"]."

</div>



</body>

</html>\n";



...

**Luke70** · 01-09-2011, 17:37

Concordo con Satifal: ti conviene usare i css nell'header della mail.
Inoltre è sconsigliatissimo avere dei css esterni perchè diversi motori di rendering delle email non sono in grado di gestirli e perderesti completamente la formattazione.

In molti casi è meglio tornare ad utilizzare le tabelle anche per la struttura grafica per evitare problemi di rendering

Discussione: Problema con tutorial mail: usre anche css

Strumenti discussione

Ricerca discussione

Visualizza

Problema con tutorial mail: usre anche css

Re: Problema con tutorial mail: usre anche css

Permessi di invio