Не корректное отображение писем php. Какой должен быть формат?

Question

maxim @m1rvi

PHP
HTML

Не корректное отображение писем php. Какой должен быть формат?

Есть вот такие простенькие html-писма:

Сделал в php отправку на почту вот так:

$headers .= "Content-type: text/html; charset=utf-8\r\n";

Но приходят они в такой форме:

Как это решить?
пж только не говорите, что гугл забанили, просто везде пишут не то что мне нужно)

Вопрос задан более трёх лет назад
119 просмотров

3 комментария

Подписаться 1 Простой 3 комментария

Помогут разобраться в теме Все курсы

Skillbox

Веб-разработчик на PHP

9 месяцев

Далее
Хекслет

PHP-разработчик

10 месяцев

Далее
Нетология

Веб-разработчик с нуля: профессия с выбором специализации

14 месяцев

Далее

Решения вопроса 1

16 комментариев

maxim @m1rvi Автор вопроса

Всмысле? и как ?)

Написано более трёх лет назад
Spartak (Web-StyleStudio) @Spartak-2205
m1 rvi,
Например так

<div style="text-align:center; color:green; background: grey;">contactus</div> итд...
Написано более трёх лет назад
maxim @m1rvi Автор вопроса

Spartak (Web-StyleStudio), Спасибо тебе!!!))
Какой уже раз выручаешь!!!!!)

Написано более трёх лет назад
Spartak (Web-StyleStudio) @Spartak-2205

m1 rvi, пожалуйста))

Написано более трёх лет назад

maxim @m1rvi Автор вопроса

Spartak (Web-StyleStudio), слуашай, сорри я вчера поторопился, сделав только backgroung-colo, и он заработал.. дальше не пробовал..
Сейчас такая же проблемма:

что сейчас приходит на емейл

вот мой код на пхп:

code

$to = $name['mail']; 

$subject = "contactus"; 

$message = '
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<div id="mail-box" style="    margin-top:5px;
width: 300px;
height: 400px;
margin-left: auto;
margin-right: auto;
background-color:rgb(92, 88, 88) ;">
<div id="logo"style=" color: rgb(59, 252, 59);
font-family: "Quicksand", sans-serif;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
max-height: 60px;">
    <h1>contactus</h1>
</div>
<hr id="rh">
<h2 id="text"
style="
  color: white;
font-family: "Montserrat", sans-serif;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 18px;"
>Привет,<span id="g-w" style="color: rgb(59, 252, 59);
margin: 3px;">пароль123</span>!</h2>
<div id="code-r" style="color: white;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 33px;
margin-bottom: 33px;
font-size: 26px;
max-height: 60px;
font-family: "Montserrat", sans-serif;">
    <h1>
        734726
    </h1>
</div>
<h4 id="wh" style="   color: grey;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: "Montserrat", sans-serif;">
Что-бы поменять свой пароль, нужно ввести код на том устройстве, с которого вы сделали этот запрос. 
</h4>
</div>    

</body>
</html>
';

$headers  = "Content-type: text/html; charset=utf-8\r\n"; 
$headers .= "From: От кого письмо <from@example.com>\r\n"; 
$headers .= "Reply-To: reply-to@example.com\r\n"; 

mail($to, $subject, $message, $headers);

Написано более трёх лет назад

Spartak (Web-StyleStudio) @Spartak-2205

m1 rvi,
Ошибки в синтаксисе

Написано более трёх лет назад
maxim @m1rvi Автор вопроса

Spartak (Web-StyleStudio), где?

Написано более трёх лет назад

Spartak (Web-StyleStudio) @Spartak-2205

В html коде

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
</head>
<body>
	<div id="mail-box" style="margin-top:5px auto 0; width: 300px; height: 400px; background-color: rgb(92, 88, 88);">
		<div id="logo" style="color: rgb(59, 252, 59); font-family: 'Quicksand', sans-serif; display: flex; align-items: center; justify-content: center; font-size: 20px; max-height: 60px;"<h1>contactus</h1></div>
		<hr id="rh">
		<h2 id="text" style="color: white; font-family: 'Montserrat', sans-serif; display: flex; justify-content: center; align-items: center; margin-bottom: 18px;">Привет, <span id="g-w" style="color: rgb(59, 252, 59); margin:3px;">пароль123</span>!</h2>
		<div id="code-r" style="color: white; display: flex; justify-content: center; align-items: center; margin: 33px auto; text-align: center; font-size: 26px; max-height: 60px; font-family: 'Montserrat', sans-serif;"><h1>734726</h1></div>
		<h4 id="wh" style="color: grey; display: flex; justify-content: center; align-items: center; margin: 0 auto; text-align: center; font-family: 'Montserrat', sans-serif;">Что-бы поменять свой пароль, нужно ввести код на том устройстве, с которого вы сделали этот запрос.</h4>
	</div>
</body>
</html>

Написано более трёх лет назад

maxim @m1rvi Автор вопроса

Spartak (Web-StyleStudio), щас попробую

Написано более трёх лет назад
maxim @m1rvi Автор вопроса

Spartak (Web-StyleStudio), не сработало..( я уверен, что это content type

Написано более трёх лет назад

Spartak (Web-StyleStudio) @Spartak-2205

Попробуй так

<!DOCTYPE html>
<html>
<head></head>
<body>
  <div id="mail-box" style="margin-top:5px auto 0; width: 300px; height: 400px; background-color: rgb(92, 88, 88);">
    <div id="logo" style="color: rgb(59, 252, 59); display: flex; align-items: center; justify-content: center; font-size: 20px; max-height: 60px;"><h1>contactus</h1></div>
    <hr id="rh">
    <h2 id="text" style="color: white; display: flex; justify-content: center; align-items: center; margin-bottom: 18px;">Привет, <span id="g-w" style="color: rgb(59, 252, 59); margin:3px;">пароль123</span>!</h2>
    <div id="code-r" style="color: white; display: flex; justify-content: center; align-items: center; margin: 33px auto; text-align: center; font-size: 26px; max-height: 60px;"><h1>734726</h1></div>
    <h4 id="wh" style="color: grey; display: flex; justify-content: center; align-items: center; margin: 0 auto; text-align: center;">Что-бы поменять свой пароль, нужно ввести код на том устройстве, с которого вы сделали этот запрос.</h4>
  </div>
</body>
</html>

Написано более трёх лет назад

maxim @m1rvi Автор вопроса

Spartak (Web-StyleStudio), щас

Написано более трёх лет назад
maxim @m1rvi Автор вопроса

Spartak (Web-StyleStudio), прогресс есть, но нужно было что-ли отключить шрифты?

Написано более трёх лет назад
Spartak (Web-StyleStudio) @Spartak-2205

Кроме шрифтов, были синтаксические ошибки. Насколько я знаю таблицы стилей в письмах не работают

Написано более трёх лет назад
maxim @m1rvi Автор вопроса

Spartak (Web-StyleStudio), ну ладно, спасибо!

Написано более трёх лет назад
Spartak (Web-StyleStudio) @Spartak-2205

m1 rvi,
И кстати id в тегах тоже не нужны

Написано более трёх лет назад