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

Question

Nastena1 @Nastena1

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

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

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

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

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

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

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

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Яндекс Практикум

Фулстек-разработчик расширенный

20 месяцев

Далее
Skypro

Создание сайтов на Tilda

9 месяцев

Далее

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

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

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

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

Яндекс

+2 ещё

Средний
Как работает аутентификация Яндекса через QR-код?
- 1 подписчик
- 28 окт.
- 173 просмотра
1

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

Средний
Почему появляется белая полоса справа при верстке сайта?
- 1 подписчик
- 19 окт.
- 162 просмотра
0

ответов
Windows

+3 ещё

Средний
Как решить проблему с доступами на устройства в Яндекс Браузере?
- 1 подписчик
- 08 окт.
- 263 просмотра
0

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

Простой
Сколько живёт ссылка в Яндекс телемост?
- 1 подписчик
- 28 сент.
- 333 просмотра
2

ответа
HTML

+1 ещё

Средний
Как правильно сочетать теги article, section и заголовки h1-h6?
- 2 подписчика
- 21 сент.
- 250 просмотров
2

ответа
Электронная почта

+3 ещё

Средний
Как настроить получение SMTP command pipelining?
- 1 подписчик
- 17 сент.
- 98 просмотров
0

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

Простой
Как поделиться данными Яндекс-формы?
- 1 подписчик
- 03 сент.
- 644 просмотра
1

ответ
Яндекс

Простой
Как убрать цветную кляксу в центре страницы яндекс музыки?
- 1 подписчик
- 31 авг.
- 449 просмотров
2

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

Простой
Где скачать файл «YandexGPT-5-Lite-8B-instruct-Q4_K_M.gguf»?
- 1 подписчик
- 29 авг.
- 197 просмотров
2

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

+3 ещё

Простой
Как убедиться, что одностраничный сайт (SPA) корректно индексируется поисковыми системами Google и Яндекс?
- 7 подписчиков
- 26 авг.
- 1631 просмотр
3

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

Web-разработчик/WordPress программист (Full-stack)

JustBusiness • Санкт-Петербург

от 130 000 до 150 000 ₽

Фронтенд разработчик (Frontend developer)

Айдис

от 100 000 ₽

Оператор 1-я, 2-я линия техподдержки (поддержка клиентов)

MYRTEX

от 40 000 ₽

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>
Что значит съезжает, она просто обрезается в мобилке по краям...как должно быть по задумке?

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

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

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

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