При отправке письма на Яндекс почту съезжает бекграунд?

Question

Nastena1 @Nastena1

При отправке письма на Яндекс почту съезжает бекграунд?

Здравствуйте! Подскажите, пожалуйста, сверстала письмо таблицами, всё нормально отображается, но фоновая картинка съезжает при просмотре письма на Яндекс почте? Как быть? Или может уже письма не верстают таблицами? Тогда какие есть способы? Благодарю за помощь!

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

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

Подписаться 2 Средний 7 комментариев

Lynn «Кофеман» @Lynn

Где код?

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

Алексей Тен,
Вот скриншот:

Написано более трёх лет назад
Станислав Некрасов @Metalofon

Nastena1, код надо вставлять не скриншотами )

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

Metalofon NT, сюда можно код прям вставить и письмо отобразится как в браузере? я попробовала, что-то не получается...

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

Nastena1 @Nastena1 Автор вопроса

Алексей Тен,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <TITLE>sms-fly e-mail</TITLE>
    <meta content="text/html; charset=windows-1251" http-equiv=Content-Type>
    <meta name=GENERATOR content="MSHTML 11.00.9600.18525">
</head>
<body style="width: 100%; font-family:Open Sans,Arial,sans-serif; align:center;  text-align: center; height: 100%;
 margin: 0; padding: 0; background: #f2f2f2;" bgcolor="#f2f2f2">
<table align="center"  cellspacing="0" cellpadding="0" border="0" style="width:100%; background-repeat: no-repeat;
background-position: top; border:0;" background="https://sms-fly.ua/images/mail/20191219/img_bg.png">
    <div class="bg">
    </div>
    <tr>
        <td align="center">
            <br>
            <table style=" padding-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; padding-right: 0px"
                   cellSpacing="0" cellPadding="0" align="center" border="0">
                <tr style="vertical-align:top" valign=top>
                    <td style="text-align: center; vertical-align: top; padding-bottom: 20px;" align=center valign=top>
                        <a href="https://sms-fly.ua" target=_blank>
                            <img style="display: inline-block;" border=0 alt="" src="https://sms-fly.ua/images/mail/20191219/newyearlogo.png" width=177 height=47></a>
                        <br>
                        <span style="font-size: 13px; font-family: Open Sans,Arial,sans-serif;">
                            <strong>
                                <span style="color:#000000;">SMS-рассылка - </span>
                            </strong>
                            <span style="color:#000000;">
                                <br>реклама точно в цель<br>
                            </span>
                        </span>
                    </td>
                </tr>

                <tr>
                    <td style="height: 56px; width:700px;">&nbsp</td>
                </tr>
                
            </table>
        </td>
    </tr>
</table>
</body>
</html>

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

Nastena1 @Nastena1 Автор вопроса

Metalofon NT, Спасибо, разобралась как вставить.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <TITLE>sms-fly e-mail</TITLE>
    <meta content="text/html; charset=windows-1251" http-equiv=Content-Type>
    <meta name=GENERATOR content="MSHTML 11.00.9600.18525">
</head>
<body style="width: 100%; font-family:Open Sans,Arial,sans-serif; align:center;  text-align: center; height: 100%;
 margin: 0; padding: 0; background: #f2f2f2;" bgcolor="#f2f2f2">
<table align="center"  cellspacing="0" cellpadding="0" border="0" style="width:100%; background-repeat: no-repeat;
background-position: top; border:0;" background="https://sms-fly.ua/images/mail/20191219/img_bg.png">
    <div class="bg">
    </div>
    <tr>
        <td align="center">
            <br>
            <table style=" padding-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; padding-right: 0px"
                   cellSpacing="0" cellPadding="0" align="center" border="0">
                <tr style="vertical-align:top" valign=top>
                    <td style="text-align: center; vertical-align: top; padding-bottom: 20px;" align=center valign=top>
                        <a href="https://sms-fly.ua" target=_blank>
                            <img style="display: inline-block;" border=0 alt="" src="https://sms-fly.ua/images/mail/20191219/newyearlogo.png" width=177 height=47></a>
                        <br>
                        <span style="font-size: 13px; font-family: Open Sans,Arial,sans-serif;">
                            <strong>
                                <span style="color:#000000;">SMS-рассылка - </span>
                            </strong>
                            <span style="color:#000000;">
                                <br>реклама точно в цель<br>
                            </span>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td style="height: 56px; width:700px;">&nbsp</td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>

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

Denisska @Denisska

Что значит съезжает, она просто обрезается в мобилке по краям...как должно быть по задумке?

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

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

WordPress

+2 ещё

Простой
Как добавить счетчик яндекс метрики в elementor без плагинов?
- 1 подписчик
- 2 часа назад
- 45 просмотров
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- 2 часа назад
- 40 просмотров
1

ответ
Вёрстка

Простой
В чем может быть проблема, верстка расплывается по экрану телефона?
- 4 подписчика
- вчера
- 1907 просмотров
2

ответа
Яндекс

+1 ещё

Простой
Как избавиться от плашки «Защита от вредоносных программ отключена» в Яндекс Браузере?
- 1 подписчик
- вчера
- 67 просмотров
1

ответ
Вёрстка

Средний
Что использовать для современной автоматизации верстки?
- 1 подписчик
- 15 апр.
- 128 просмотров
1

ответ
Вёрстка

Простой
Можно ли сверстать макет без JavaScript?
- 3 подписчика
- 15 апр.
- 756 просмотров
3

ответа
Поисковая оптимизация

+2 ещё

Простой
Как заблокировать поддомен?
- 1 подписчик
- 10 апр.
- 105 просмотров
2

ответа
Вёрстка

Простой
Какой актуальный стек верстки 2024?
- 3 подписчика
- 10 апр.
- 1007 просмотров
2

ответа
Вёрстка

+1 ещё

Средний
Есть ли отслеживание страницы при вёрстке в GULP?
- 1 подписчик
- 10 апр.
- 64 просмотра
1

ответ
Яндекс

Простой
Почему сам вылетает с яндекса и возвращается спустя 8 минут?
- 1 подписчик
- 08 апр.
- 109 просмотров
1

ответ
Показать ещё Загружается…

Frontend Vue & Capacitor Developer Middle++

Parasol Software

от 2 000 до 2 500 $

Frontend-стажер React

Студия Oxem • Москва

от 20 000 до 80 000 ₽

Frontend программист-разработчик

Максавит • Нижний Новгород

До 200 000 ₽

Дизайн сайта для web3 проекта

18 апр. 2024, в 16:43

50000 руб./за проект

Составление технических заданий для разработчиков

18 апр. 2024, в 16:41

10000 руб./за проект

Перекрасить 2 вкладыш для типографии в новый цвет

18 апр. 2024, в 15:55

1000 руб./за проект

Nastena1, код надо вставлять не скриншотами )
Metalofon NT, сюда можно код прям вставить и письмо отобразится как в браузере? я попробовала, что-то не получается...
Алексей Тен,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <TITLE>sms-fly e-mail</TITLE> <meta content="text/html; charset=windows-1251" http-equiv=Content-Type> <meta name=GENERATOR content="MSHTML 11.00.9600.18525"> </head> <body style="width: 100%; font-family:Open Sans,Arial,sans-serif; align:center; text-align: center; height: 100%; margin: 0; padding: 0; background: #f2f2f2;" bgcolor="#f2f2f2"> <table align="center" cellspacing="0" cellpadding="0" border="0" style="width:100%; background-repeat: no-repeat; background-position: top; border:0;" background="https://sms-fly.ua/images/mail/20191219/img_bg.png"> <div class="bg"> </div> <tr> <td align="center"> <br> <table style=" padding-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; padding-right: 0px" cellSpacing="0" cellPadding="0" align="center" border="0"> <tr style="vertical-align:top" valign=top> <td style="text-align: center; vertical-align: top; padding-bottom: 20px;" align=center valign=top> <a href="https://sms-fly.ua" target=_blank> <img style="display: inline-block;" border=0 alt="" src="https://sms-fly.ua/images/mail/20191219/newyearlogo.png" width=177 height=47></a> <br> <span style="font-size: 13px; font-family: Open Sans,Arial,sans-serif;"> <strong> <span style="color:#000000;">SMS-рассылка - </span> </strong> <span style="color:#000000;"> <br>реклама точно в цель<br> </span> </span> </td> </tr> <tr> <td style="height: 56px; width:700px;">&nbsp</td> </tr> </table> </td> </tr> </table> </body> </html>
Metalofon NT, Спасибо, разобралась как вставить.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <TITLE>sms-fly e-mail</TITLE> <meta content="text/html; charset=windows-1251" http-equiv=Content-Type> <meta name=GENERATOR content="MSHTML 11.00.9600.18525"> </head> <body style="width: 100%; font-family:Open Sans,Arial,sans-serif; align:center; text-align: center; height: 100%; margin: 0; padding: 0; background: #f2f2f2;" bgcolor="#f2f2f2"> <table align="center" cellspacing="0" cellpadding="0" border="0" style="width:100%; background-repeat: no-repeat; background-position: top; border:0;" background="https://sms-fly.ua/images/mail/20191219/img_bg.png"> <div class="bg"> </div> <tr> <td align="center"> <br> <table style=" padding-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; padding-right: 0px" cellSpacing="0" cellPadding="0" align="center" border="0"> <tr style="vertical-align:top" valign=top> <td style="text-align: center; vertical-align: top; padding-bottom: 20px;" align=center valign=top> <a href="https://sms-fly.ua" target=_blank> <img style="display: inline-block;" border=0 alt="" src="https://sms-fly.ua/images/mail/20191219/newyearlogo.png" width=177 height=47></a> <br> <span style="font-size: 13px; font-family: Open Sans,Arial,sans-serif;"> <strong> <span style="color:#000000;">SMS-рассылка - </span> </strong> <span style="color:#000000;"> <br>реклама точно в цель<br> </span> </span> </td> </tr> <tr> <td style="height: 56px; width:700px;">&nbsp</td> </tr> </table> </td> </tr> </table> </body> </html>
Что значит съезжает, она просто обрезается в мобилке по краям...как должно быть по задумке?

При отправке письма на Яндекс почту съезжает бекграунд?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт