Размещайте таблицы рядом друг с другом, не используя 'float'

Question

Размещайте таблицы рядом друг с другом, не используя 'float'

0

Я пытаюсь найти решение для добавления таблиц рядом друг с другом без использования "float: left;". Я использую код для шаблона электронной почты, а "float" не работает в Outlook и некоторых других почтовых клиентах.

Я пробовал все, что мог придумать, искал форум и по всему Интернету, но я не могу найти решение.

Здесь код, который я использую:

<table width="155" height="155" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" class="main-content" style="float:left;margin-bottom:20px;">
  <tbody>
      <tr>         
         <td><img style="border:0;" align="none" height="113" width="166" src="<?php echo $post_thumbnail ?>"  /></td>
         <td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;">T</td>
      </tr>
      <tr>        
     <td style="font-family:arial;font-size:13px;font-weight:bold !important;line-height:17px;padding:10px 10px 0;"><strong>Text</strong></td>
     <td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;">T</td>
      </tr>

      <tr>        
    <td width="155" style="color: #666;font-size:13px;padding:0 10px 15px;">  
        <a style="background-color:#ac0003; color:#ffffff; border:1px solid #660b0e;cursor: pointer; display: block; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 0 auto;margin-top:10px;padding: 2px 11px;;text-decoration:none;color:#ffffff; font-weight:bold;text-align:center;text-decoration:none;" href="<?php echo $post->guid ?>">Text</a>
     </td>
     <td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;">T</td>
      </tr>


      </tbody>

</table>

Помогите!

kat_indo 17 фев. 2014, в 03:47

Источник

0

Эй, первый результат в поиске, это полезно? stackoverflow.com/questions/15367542/...
Ronni Skansing 17 фев. 2014, в 02:29
0

Спасибо @RonniSkansing! Я уже просмотрел руководства от MailChimp, Campaign Monitor и т. Д., Но у них нет чего-то конкретного, чтобы дать мне решение.
kat_indo 17 фев. 2014, в 02:33
0

email-standards.org также не дает других решений, но является хорошим местом для проверки того, на что способны конкретные поставщики.
Ronni Skansing 17 фев. 2014, в 02:36

Показать ещё 1 комментарий

Теги:

html

css

html-table

html-email

3 ответа

Ещё вопросы

Эй, первый результат в поиске, это полезно? stackoverflow.com/questions/15367542/...
Спасибо @RonniSkansing! Я уже просмотрел руководства от MailChimp, Campaign Monitor и т. Д., Но у них нет чего-то конкретного, чтобы дать мне решение.
email-standards.org также не дает других решений, но является хорошим местом для проверки того, на что способны конкретные поставщики.

Gray Spectrum · Answer 1 · 2014-02-16T23-56-00.000Z

Вы можете попытаться дать элементам таблицы отображение встроенного. Затем они должны выстраиваться рядом друг с другом.

Несколько советов по этому поводу здесь stackoverflow.com/questions/7457319/…
Это все еще не решает проблему в Outlook.
kat_indo, я настоятельно рекомендую прочитать эту статью. это должно помочь устранить любую путаницу, с которой вы сталкиваетесь в мировоззрении. Ссылка: sitepoint.com/code-html-email-newsletters-2
Спасибо @GraySpectrum. Я уже прочитал слишком много рекомендаций, но ни одно из них не дает решения.
Какую версию Outlook вы используете?

Jagadeesh · Answer 2 · 2014-02-17T01-10-00.000Z

Пользовательский дисплей: встроенный блок; вместо float: left;

John · Answer 3 · 2014-02-17T01-09-00.000Z

Для электронной почты html вы должны использовать align="left" вместо этого.

Вот пример