Forum : Gmail n'interprète pas mon mail html

Bonjour à tous,

Je cherche à générer des mails en php.
Cela fonctionne parfaitement mais, quand j'essaye de rendre tout ça joli, gmail n'interprète pas mon code html.
Il affiche le HTML brute !
Les autres clients fonctionnent bien mais pas gmail. (je n'en n'ai testé que 2 ou 3 comme zimbra roundcube ...)
J'ai testé mon code avec putsmail vers gmail et là, mon code fonctionne et gmail interprète bien le html et affiche un mail tout mignon.

Auriez vous une idée ?

Merci

´´´
<!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" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>PETIT SERVICES</title>
<style type="text/css">
    /* Clients de messagerie qui supportent les media queries */
    @media only screen and (max-width: 600px) {
        .full-width-image img { max-width: 100% !important; height: auto !important; }
        .content-table { width: 100% !important; }
        .inner-padding { padding: 15px !important; }
        .header-logo { max-width: 150px !important; }
        h1 { font-size: 24px !important; }
        p { font-size: 14px !important; }
    }
    /* Style général (inline pour la compatibilité) */
    body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    table, td { border-collapse: collapse; }
    img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; display: block; }
    a { text-decoration: none; color: #FFA07A; }
    /* Reset pour les clients webmail */
    .appleLinks a { color: inherit !important; text-decoration: none !important; }
</style>

</head>

        <tr>
            <td class="inner-padding" style="padding: 30px 40px; background-color: #ffffff;">
                <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
                    <tr>
                        <td style="color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 28px; line-height: 36px; padding-bottom: 20px; text-align: center; font-weight: bold;">
                            PETIT SERVICES
                        </td>
                    </tr>
                    <tr>
                        <td style="color: #666666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; padding-bottom: 20px;">
                            Vous nous avez contacté via le formulaire du site web<br />

Merci de nous faire confiance.<br />
Nous vous répondrons dans les plus brefs délais.
</td>
</tr>
<tr>
<td style="color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; padding-bottom: 20px;">
Détails du contact :<br />
Nom : Mr DUPONDT<br />
Email : email@gmail.com<br />
Téléphone : 01234567<br />
Service intéressé : jardinage<br />
<br />
Message :<br />
truc de oufff
</td>
</tr>
<tr>
<td style="color: #666666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; padding-top: 10px;">
Cordialement,<br>
</td>
</tr>
</table>
</td>
</tr>

        <tr>
            <td style="padding: 20px 20px; background-color: #5F9EA0; text-align: center; color: #ffffff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px;">
                <p style="margin: 0;">&copy; 2025 Petit Services. Tous droits réservés.</p>
                <p style="margin: 5px 0 0;"><a href="mailto:email" style="color: #ffffff; text-decoration: underline;">email</a></p>
            </td>
        </tr>
    </table>
</center>

</body>
</html>

´´´

Gmail n'interprète pas mon mail html

2 réponses