Переделайте стили | забейте на валидатор | а доктайп какой?
И не надо пользоваться странными тегами.
<!DOCTYPE html> <html lang="en"> <head>
Это готовая тема Wordpress с themeforest. Вот демо темы https://demo3.touchsize.com/diginex/ Такая же ошибка валидации есть:
Error: The element header must not appear as a descendant of the header element.
Подскажите, пожалуйста, как правильно переделать этот блок.
это же валидный html5 вроде?
Вот здесь проверяю, загружаю файл https://validator.w3.org/#validate_by_upload
Протестировали в Яндекс, gmail и mail.ru, всё в порядке.
Спасибо за ответы! Тем не менее получилось для почты решить:
<div style="background:#ffffff;margin:0 auto 0 auto;max-width:600px"> <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;max-width:600px;width:100%"> <tbody> <tr> <td align="center" style="line-height:0;padding:0px" valign="top"> <div style="background-color:#ffa5bf;width:600px;height:600px;background-image: url('https://love.romanticcollection.ru/wp-content/uploads/24177961-845c9047.jpg');background-size:500px auto;background-repeat:no-repeat;background-position: center center;"> <div style="background-image: url('https://love.romanticcollection.ru/wp-content/uploads/love-frame.png'); width: 100%; height: 100%"> </div> </div> </td> </tr> </tbody> </table> </div>
Появилась проблема. Это шаблон письма, который нужно отправить с сайта. Помогите, пожалуйста, какими стилями можно обойти то, что удаляет почтовый сервер.
<img style="display:block;position:absolute;left:0;top:0;width:600px;height:600px;z-index:1;"
<img style="display:block;width:600px;height:600px;"
<img style="display:block;position:absolute;left:123px;top:129px;width:382px;height:382px;object-fit:cover;overflow:hidden;z-index:0;"
<img style="display:block;height:382px;overflow:hidden;width:382px"
В вашем случае, тут три слоя.
Вы мой герой! Спасибо огромное, то, что надо!
Посоветуйте, пожалуйста, партнерскую программу с форматом баннера Mobile Fullscreen. Стану рефералом.
Была подключена одна подобная партнерская программа, но резко увеличился процент Отказов.
Не подскажу именно по коду, но вам нужно делать это через фон, а не вставку картинкой.
Далее играться с методами расположения этого фона в div-е
Вот здесь разместила код со стилями https://jsfiddle.net/Ulenka1984/qw8zbp56/
<html><head> <style>.wrapper{ background:blue; width:600px; height: 600px;}.qwert{ margin-left:-516px; margin-bottom: 70px; width: 600px; height: 600px;}.img11{margin-left:130px; margin-bottom: 250px; max-width:382px;}</style><meta charset="utf-8"></head><body> <div class="wrapper"><div class="img1"> <img class="img11" src="https://love.romanticcollection.ru/wp-content/uploads/two-people-in-love-couple-947562f2.jpg"> <img class="qwert" src="https://love.romanticcollection.ru/wp-content/uploads/love-frame.png"></div> </div></body></html>
