HTML формат для письма

radrigo · 5 мая 2017

Всем привет.

Дайте пожалуйста пример емаил в HTML для админки.

Я делал так

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>{%title%}</title>
<style type="text/css">
html, body {
	font-family: Verdana;
	line-height: 1.42857143;
	font-size: 12px;
	color: #363636;
	background-color: #f1f1f1;
	padding: 10px;
}
a:active, a:visited, a:link {
	color: #337fb1;
	text-decoration: none;
}
a:hover {
	color: #008ED6;
	text-decoration: underline;
}
.salute {
	padding: 10px;
	border-bottom: solid 1px #1a7bae;
	background-color: #FFFFFF;
}
.info {
	padding: 10px;
	background-color: #FFFFFF;
}
.content {
	padding: 10px;
	font-size: 14px;
	background-color: #F9F9F9;
	color: #000000;
}
.footer {
	font-style: italic;
	padding: 10px;
	background-color: #FFFFFF;
}
</style>
</head>
<body>
<div class="salute">Уважаемый <b>{%username_to%}</b>, уведомляем вас о том, что на сайт  Gusev-online.ru был добавлен комментарий к новости, на которую вы подписаны. </div>
<div class="info"> Автор: {%username%}<br>
  Дата добавления: {%date%}<br>
  <a href="{%link%}">Ссылка на новость</a> </div>
<div class="content">{%text%}</div>
<div class="footer">С уважением, Администрация Gusev-online.ru.</div>
</body>
</html>

В Thunderbird отображается ок

Однако в браузере стили не влияют на письмо

Что я делаю не так?

Заранее признателен за подсказку.

Не туда разместил, хотел в раздел "Вебдизайн". Можете перенести

celsoft · 6 мая 2017

Верстать HTML для писем целая наука. Забудьте про все фишки и нововведения HTML и CSS, забудьте про дивы и классы. Все свойства нужно писать только инлайн через атрибут style="тут свойства" каждому элементу, все вручную и только хардкор. Верстать нужно таблицами. Вообщем говоря по простому нужно мысленно вернуться к верстке начала 90x годов. Представьте что у вас браузер IE4. Можете прочитать например статью https://habrahabr.ru/post/252279/

Войти

HTML формат для письма

Рекомендованные сообщения

radrigo 180

Ссылка на сообщение

Поделиться на других сайтах

celsoft 6 076

Ссылка на сообщение

Поделиться на других сайтах

Присоединяйтесь к обсуждению

Форум

Активность