HTML-рассылка

Веб-мастеринг

18.05.16

✎

13:29

Вот такой код хтмл

<HTML>
   <head>
      <style type="text/CSS">
         TABLE {
         border-collapse: collapse; /* Линия между ячейками отображается как одна */
         }
         TD, TH {
         border: 1px solid #201AD7; /* Параметры рамки */
         }
      </style>
   </head>
   <BODY>
      <p>
      <TABLE borderColor=#201AD7 cellSpacing=0 width=" 100%" align=left border=1>
         <TBODY>
            <TR>
               <TD><IMG src=\\RUTR6\Temp1C/ЛоготипТраскоДляПисем.PNG align=left > </IMG></TD>
               <TD><IMG src=\\RUTR6\Temp1C/ПутьКФайлуТранспортныеСредства.JPEG align=right > </IMG></TD>
            </TR>
         </TBODY>
      </TABLE>
      <BR>
      <TABLE>
         <TBODY>
            <TR>
               <P> </P>
               <P> </P>
               <P> </P>
               <p>Уважаемые партнеры, добрый день!</p>
               <P> </P>
            </TR>
         </TBODY>
      </TABLE>
      <P> </P>
      <P> </P>
      <BR><a href="http://oursite">; <IMG src=\\RUTR6\Temp1C/ПутьКФайлуСайт.JPEG border=0 align=left ></a>
      <P> </P>
      <P> </P>
      <P> </P>
      <p>Благодарим за сотрудничество. </p>
      <p>Если письмо пришло ошибочно или Вы желаете отказаться от рассылки, просим Вас сообщить ответственному менеджеру. </p>
      <IMG src=\\RUTR6\Temp1C/ПутьКФайлуПодвалПисьма.JPEG align=left > </IMG>
   </BODY>
</HTML>

в браузерах отражается нормально.  В 1с в е-письме (ут10) "увавжаемые партнёры" идёт справа от верхней таблицы. В телефоне такая же картина.
Где я не прав?

1 ДенисЧ

18.05.16

✎

14:50

Бздынь

2 Asmody

18.05.16

✎

14:59

(1) а где <td> во второй табличке?

3 ДенисЧ

18.05.16

✎

15:01

(2) похоже, там старый вариант
в текущем так

<TABLE>
<TR>
<TD>
<P> </P>
<P> </P>
<P> </P>
<p>Уважаемые партнеры, добрый день!</p>
<P> </P>
</TD>
</TR>
</TABLE>

Но всё равно она самая....

4 Pistol

18.05.16

✎

15:01

Наследие IE7 скорей всего. Попробуй

table {
...
float: left;
}

5 ДенисЧ

18.05.16

✎

15:14

(4) Не... Не помогло.... Вторая таблица лезет вправо...

6 Fragster

гуру

18.05.16

✎

15:15

у тебя первый p не закрыт, br тоже нафиг

7 Fragster

гуру

18.05.16

✎

15:16

img самозакрытыми сделать и лишние пробелы убрать

8 ДенисЧ

18.05.16

✎

15:18

(6) Хм... А ты прав... +1 кружка пива...

9 Fragster

гуру

18.05.16

✎

15:23

(8) еще скажи, что заработало?

10 ДенисЧ

18.05.16

✎

15:44

(9) Ну зачем такие интимные подробности? ))))

р незкрытый убрал...
А имг - там по условию могут заполниться.

11 ДенисЧ

18.05.16

✎

17:02

Ещё вопросик, если позволите
Есть 12 картинок (сейчас они одной, но будем делить)
Как правильно их вывести в строку с переносом? С учётом того, что к ним будут привязаны ссылки?

12 Pistol

18.05.16

✎

17:15

(11) В смысле в колонку, одной под другой?
1) запихать их в ячейки таблицы
2) в стилях обрамляющей <a> что-то типа {display:block; float:left; clear:both}

Надо учитывать, что использование CSS в почтовых клиентах, вещь забавная и непредсказуемая. Я бы делал по староверному - через таблицу с border=0 и т.п.

13 ДенисЧ

18.05.16

✎

17:25

(12) в смысле по горихонтали, но чтобы с переносом на новую строку, если не вмещается на страницу...

14 Pistol

18.05.16

✎

17:50

(13)
<html>
<style>
    img {
        display: block;
        float: left;
    }
    span.break {
        display: block;
        clear: both;
    }
</style>
<img src="https://yastatic.net/morda-logo/i/bender/logo.svg">;
<img src="https://yastatic.net/morda-logo/i/bender/logo.svg">;
<img src="https://yastatic.net/morda-logo/i/bender/logo.svg">;
<img src="https://yastatic.net/morda-logo/i/bender/logo.svg">;
<img src="https://yastatic.net/morda-logo/i/bender/logo.svg">;
<img src="https://yastatic.net/morda-logo/i/bender/logo.svg">;
<img src="https://yastatic.net/morda-logo/i/bender/logo.svg">;
<img src="https://yastatic.net/morda-logo/i/bender/logo.svg">;
<img src="https://yastatic.net/morda-logo/i/bender/logo.svg">;
<span class="break"></span>
<img src="https://www.google.ru/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">;
<img src="https://www.google.ru/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">;
<img src="https://www.google.ru/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">;
<img src="https://www.google.ru/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">;
<img src="https://www.google.ru/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">;
<img src="https://www.google.ru/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">;

</html>

15 Fragster

гуру

18.05.16

✎

17:52

(13) через пробел