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

Question

Nastena1 @Nastena1

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

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

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

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 месяца

Далее
Skillbox

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

11 месяцев

Далее
Skillbox

Веб-вёрстка 3.0

3 месяца

Далее

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

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

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

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

JavaScript

+2 ещё

Простой
Элемент стилизации на js, как сделать чтобы не было резкой смены картинки фона?
- 1 подписчик
- 27 нояб.
- 181 просмотр
1

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

+2 ещё

Простой
Зашифрованы ли письма сквозным шифрованием у Gmail и Yandex?
- 2 подписчика
- 23 нояб.
- 1167 просмотров
2

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

+2 ещё

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

ответа
Linux

+1 ещё

Простой
Как установить «Госплагин» в Яндекс-браузер на Debian 12?
- 1 подписчик
- 10 нояб.
- 714 просмотров
1

ответ
Яндекс

+2 ещё

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

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

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

ответов
Windows

+3 ещё

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

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

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

ответа
HTML

+1 ещё

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

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

+3 ещё

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

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

Fullstack Next.js Cursor Developer

Nocodered

от 60 000 до 120 000 ₽

PHP / WordPress разработчик ACF, Elementor (удаленный, свободный график)

Nomadic Soft

от 1 200 до 1 800 $

Frontend / фронтенд разработчик ( vue.js ) удаленная работа

Nomadic Soft

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

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

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

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

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