Заменить div с таблицами в шаблоне электронной почты?

0

У меня есть моя настройка шаблона как таковая, и мне интересно, нужно ли мне заменять каждый div таблицей.

Возьмите первый div в моем примере. Мне действительно нужно создать новый элемент таблицы, за которым следует a, и иметь баннер? Я понял, что, поскольку colspan не поддерживается в html-письмах, мне нужно вложить таблицы.

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

<table class="wrapper">
    <div class="nl_banner">
      <?php 
        print render($content['field_nl_banner_image']);
        print $title;
      ?>
    </div>
    <div class="main">
      <?php print $date; ?>
      <div class="feature">
        <div class="feature_content">
          <h2 class="feature_title"><?php print $feature['nl_title'][0]['value']; ?></h2>
          <div class="feature_body"><?php print $feature['body'][0]['value']; ?></div>
        </div>
        <div class="nl_feature_image">
          <img src="<?php print $feature['nl_image']['url']; ?>" />
        </div>
      </div>
  • 0
    Насколько я понимаю, (к сожалению) таблицы - это верный способ убедиться, что ваши электронные письма HTML структурированы так, как вы хотите, во всех почтовых клиентах, поскольку не все из них отображают CSS одинаково.
Теги:
email

1 ответ

0
Лучший ответ

colspan поддерживается в html-письме, однако в большинстве сценариев обычно проще вставлять таблицы.

Вы всегда должны использовать таблицы, если хотите согласованный результат.

Не уверен, что ваш намеченный макет, но это основной пример таблиц вложенности:

<table width="600" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#999999">
      ...
    </td>
  </tr>
  <tr>
    <td>
      <!-- nesting another table is just like a colspan -->
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="50%" bgcolor="#444444">
            ...
          </td>
          <td width="50%" bgcolor="#777777">
            ...
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню