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

Question

Nastena1 @Nastena1

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

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

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

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

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

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

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

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

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

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

CSS

+1 ещё

Простой
Как скрывать или показывать шапку при скролле?
- 1 подписчик
- вчера
- 85 просмотров
1

ответ
HTML

+1 ещё

Простой
Как сделать отоброжение других html страниц на одной без перехода?
- 1 подписчик
- 04 янв.
- 150 просмотров
2

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

+1 ещё

Простой
Оцените код html и css. Можно ли так делать?
- 1 подписчик
- 28 дек. 2024
- 198 просмотров
4

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

+1 ещё

Средний
Есть ли API для запроса данных из ячейки таблицы созданной в Яндекс диске?
- 1 подписчик
- 25 дек. 2024
- 59 просмотров
1

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

+1 ещё

Простой
Нужны ли опции доступности сайту?
- 1 подписчик
- 25 дек. 2024
- 78 просмотров
4

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

+1 ещё

Простой
Как правильно должна масштабироватся верстка сайта на десктопе?
- 1 подписчик
- 21 дек. 2024
- 125 просмотров
1

ответ
Telegram

+2 ещё

Простой
Почему яндекс добавляет каналу ТГ «РКН: иностранный владелец ресурса нарушает закон РФ»?
- 1 подписчик
- 08 дек. 2024
- 915 просмотров
6

ответов
CSS

+1 ещё

Простой
Как сделать обтекание одного блока другим CSS?
- 1 подписчик
- 01 дек. 2024
- 132 просмотра
0

ответов
HTML

+3 ещё

Простой
Как правильно сделать наложение блоков друг на друга?
- 1 подписчик
- 30 нояб. 2024
- 134 просмотра
1

ответ
Яндекс

Простой
Яндекс браузер, закадровый перевод длинных видео?
- 1 подписчик
- 28 нояб. 2024
- 126 просмотров
0

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

Контент-менеджер с навыками веб-разработки и чувством стиля

ULHC • Москва

До 70 000 ₽

Frontend разработчик (React) One Day Offer

Ревамп АйТи

До 40 000 ₽

Наставник на онлайн-курс "Frontend-разработчик"

Айтилогия

от 25 000 ₽

Qt Простой просмотровщик изображений Виджет

08 янв. 2025, в 10:45

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

Установка и настройка VPN на VPS

08 янв. 2025, в 10:26

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

Разработка telegram бота для онлайн магазина

08 янв. 2025, в 09:37

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

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

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

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

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