Jump to content
  • 0

Вёрстка писем, бэкграунд


SoFuWa
 Share

Question

Можно сделать html письмо с картинкой на бэкграунде (и текстом поверх картинки), что б нормально работало и отркывалось везде? (Outlook, The bat, mail.ru) Может кто встречался. Я пробовал с помошью стилей, делал бэкграунд у таблицы, но ни 1 способ не работает везде, бэкграунд таблицы не работает например в Outlook и The bat.

Link to comment
Share on other sites

15 answers to this question

Recommended Posts

  • 0
Можно сделать html письмо с картинкой на бэкграунде (и текстом поверх картинки), что б нормально работало и отркывалось везде? (Outlook, The bat, mail.ru) Может кто встречался. Я пробовал с помошью стилей, делал бэкграунд у таблицы, но ни 1 способ не работает везде, бэкграунд таблицы не работает например в Outlook и The bat.

А потому-что некоторые почтовые клиенты не понимают ЦСС вообще. Так что используй только инлайн-стили, да и то не часто и вешай цвет фона обычный. И не забудь тестить по ходу дела.

Link to comment
Share on other sites

  • 0

жалко только всё равно не всё сделаю, потому что это бэкграунд только на всё письмо, а вот бы ещё на отдельные участки, таблицы или div, потому что в разных местах несколько картинок нужно чтобы с текстом поверх.

а так не работает:

<style>

.p1 { background:url(URL)}

</style>

<table width="100%" border="0" class="p1">

Edited by SoFuWa
Link to comment
Share on other sites

  • 0

Я не знаток этой вёрстки, но точно знаю, что это страшная заморочка. И используй подставные стили прямо в теге, а не:

<style>
.p1 { background:url(http://www.crocustours.ru/newsletter-eng-1.jpg)}
</style>

Link to comment
Share on other sites

  • 0

Проверяйте правильность пути, выложите код, только пожалуйста не весь, а только тот кусок о котором речь идёт.

И ещё.

Было такое, что один экзотический интерпретатор, не захотел читать стили, без определения типа.

Попробуй вместо.

<style></style>

Писать.

<style type="text/css"></style>

Link to comment
Share on other sites

  • 0

не работает ни как. Путь канечно правильный, я же проверяю в html, только в письме нет бэкграунда.

посылаю письма через AMS единственная прога которую нашол, что бы html письма рассылать, не сделаные внутри, а чтоб внешний html, внутри оутлука или the bat ничё не сделаешь там редакторы приметивные, а импорта там нет.

Код после импорта в AMS (который приходит на ящик) чисто для примера

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>

<META http-equiv=Content-Type content="text/html; charset=windows-1251">

<META content="MSHTML 6.00.3790.3959" name=GENERATOR></HEAD>

<BODY>

<TABLE style="BACKGROUND: url(тут путь к файлу)"

width="100%" border=0>

<TBODY>

<TR>

<TD> </TD></TR>

</TBODY></TABLE></BODY></HTML>

нет картинки ни в 1 почтовике

Edited by SoFuWa
Link to comment
Share on other sites

  • 0

не я доктайп прописывал, сама программа рассылки, могу конечно удалить попробывать

а какой атрибут то использовать, табличный бэкграунд обычный письма тоже не хавают

Edited by SoFuWa
Link to comment
Share on other sites

  • 0
не я доктайп прописывал, сама программа рассылки, могу конечно удалить попробывать

а какой атрибут то использовать, табличный бэкграунд обычный письма тоже не хавают

Почитай внимательно эту статью http://sdelaisait.com.ua/how-to-code-html-email/#more-3

Link to comment
Share on other sites

  • 0

спасибо это то что надо!

"2. Используйте атрибут background для тэга td, что бы применить фоновую картинку, вместо CSS-стилей."

в тд работает а в самой таблице нет, придётся нарезать картинки там полно строк в таблице, но зато всё можно будет сделать =))

блииин это только на майл.ру работает, в the bat всё равно не работает

Link to comment
Share on other sites

  • 0

Вы валентинку к 14 февраля девушке делаете, чтобы по мейлу отправить, а на заднем плане сердечко было? :unsure:

Просто вообще не могу придумать ситуацию, когда в письме нужен бекграунд.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy