Outlook показывает прямоугольники вместо списков маркеров li - PullRequest
Новая
       15

Outlook показывает прямоугольники вместо списков маркеров li

0 голосов
/ 30 апреля 2019

Я отправляю новостную рассылку с html и php, и у меня проблема с ul> lis вместо пуль отображаются прямоугольники

Сохраненный html из Outlook показывает, что html-списки преобразуются в промежутки: 

<span style="font-size:10.0pt;
      font-family:Symbol;mso-fareast-font-family:Symbol;mso-bidi-font-family:
      Symbol"><span style="mso-list:Ignore">·<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;
      </span></span></span>

Какие-нибудь решения для этого?

Ответы [ 2 ]

2 голосов
/ 30 апреля 2019

Ответ от Digital_Frankenstein будет работать, хотя и немного многословно.

В качестве альтернативы, использование list-style-type: disc; прекрасно поддерживается в Outlook. 

<ul style="padding: 0; margin: 0; list-style-type: disc;">
  <li>...</li>
  <li>...</li>
</ul>

Это метод, который я предпочитаю;это семантически и доступно.Тем не менее, вы должны убедиться, что в списке правильно расположены интервалы, так как разные почтовые клиенты делают разные вещи по умолчанию.Я обычно иду с чем-то вроде этого:

2 голосов
/ 30 апреля 2019

Потенциально просто разница в рендеринге между движками рендеринга.

&bull; можно использовать для имитации точек пули. Лучший способ использовать это - поместить все это в таблицу и использовать &bull; и строки для разделения ваших точек.

Вот так: 

<table>
  <tr>
    <td style="color:xxx; font-size:xxx;">&bull;</td>
    <td>Text</td>
  </tr>
  <tr>
    <td style="color:xxx; font-size:xxx;">&bull;</td>
    <td>Text</td>
  </tr>
  <tr>
    <td style="color:xxx; font-size:xxx;">&bull;</td>
    <td>Text</td>
  </tr>
</table>
...