У меня проблема с тем, что Microsoft Office не читает ни встроенный стиль, ни классы, которые я создаю.Сначала я только что установил встроенные стили, но читал, что Outlook не читает этот тип кода.Затем я попробовал метод класса, но все еще не повезло.Я использую PHPMailer для отправки электронных писем.
Кто-нибудь видит в моем коде что-нибудь, что мешало бы этому работать?
Части, которые я специально изменил, это ".emailHeader" и ".Логотип».Остальные все еще находятся в формировании встроенного стиля.
$mail->isHTML(true); // Set email format to
$mail->Subject = $subject;
$mail->Body = '
<head>
<style>
.logo {
width: 200px;
height: auto;
}
.emailHeader {
max-width: 600px;
height: auto;
margin: auto;
display: block;
padding: 20px 0;
}
</style>
</head>
<body>
<div id="header-background" style="background:#16597B;width:100%;max-width:100%;height:auto;">
<div class="emailHeader">
<div class="logo"><a href=""><img src="Logo.png" style="width:200px;height:auto;text-align:center"></a></div>
<div style="clear:both;"></div>
<div id="email-to" style="color:#FFF;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:bold;font-size: 2.5em;margin-top:35px;">Hi Team,</div>
<div id="email-header-description" style="font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.4em;color:#d0dde4;margin-top:45px;">
You have received a new inquiry<br><br>
</div>
</div>
</div>
<div id="email-link" style="width:100%;padding:15px;height:auto;background:#EBEBEB;position:relative;">
<div id="email-link-container" style="width:600px;height:auto;margin:auto;text-align:left;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform: translate(-50%, -50%);width:600px; font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.1em;">
<p>Name: ' . $first_name . ' ' . $last_name . '</p>
<p>Email: ' . $client_email . '</p>
<p>Phone: ' . $client_phone . '</p>
<p>Company: ' . $company . '</p>
<p>Contact Details: ' . $details . '</p>
</div>
</div>
</div>
</body>
';