0

私はhtmlメールをテストしています...Outlook、そしてそれは私のテーブルの右側に奇妙な不要なマージンを追加しています。

2つのテーブルは、400ピクセルの親テーブル(モバイルでは200ピクセルに折りたたまれます)にそれぞれ200ピクセルずつ並べて配置する必要があります。

Outlookの動作の最初の手がかりは、テーブルが並んでいないことです。また、テキストを選択すると、追加された余白がはっきりと表示されます。

ここに画像の説明を入力してください

何かアイデアはありますか?これが私のコードです-ご覧のとおり、私は考えられるほとんどすべてのことを試しました!!!

<table width="400" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse; margin-right: none; witdh: 200px">
  <tr style="border-collapse:collapse; margin-right: none; witdh: 400px">
    <td style="border-collapse:collapse; margin-right: none; witdh: 400px">

<table width="200" border="0" cellspacing="0" cellpadding="0" align="left" style="border-collapse:collapse; margin-right: none; witdh: 200px;">
  <tr style="border-collapse:collapse; margin-right: none; witdh: 200px">
    <td style="border-collapse:collapse; margin-right: none; witdh: 200px">Box;</td>
  </tr>
</table><table width="200" border="0" cellspacing="0" cellpadding="0" align="left" style="border-collapse:collapse; margin-right: none; witdh: 200px;">
  <tr style="border-collapse:collapse; margin-right: none; witdh: 200px">
    <td style="border-collapse:collapse; margin-right: none; witdh: 200px">Box;</td>
  </tr>
</table>

    </td>
  </tr>
</table>
4

2 に答える 2

2

これは、Outlookでのテーブルの動作とは異なります。ごめんなさい。

すべてのデータを1つのテーブルに含めるか、2つのテーブルを「スーパーテーブル」で囲む必要があります

<table id="supertable">
  <tr>
    <td width="200">
      <!-- Left-hand table goes here -->
      <table>
        <tr>
          <td>Box;</td>
        </tr>
        <tr>
          <td>Box;</td>
        </tr>
      </table>
    </td>
    <td width="200">
      <!-- Right-hand table goes here -->
      <table>
        <tr>
          <td>Unsubscribe here...</td>
        </tr>
        <tr>
          <td>Change your details here...</td>
        </tr>
      </table>
    </td>
  </tr>

Outlook HTML(つまり、世紀の変わり目のテーブルベースの怪物)に関しては、グラフ用紙にデザインをスケッチして「グリッド」を作成するのが最善です。次に、 /要素の属性colspanrowspan属性を使用して、物事を適切にレイアウトできます。<td><tr>

于 2013-01-24T16:20:21.283 に答える
0

解決策を見つけました!私は同じ問題を抱えていました-私はキャンペーンモニターからのレスポンシブレイアウトのヒントに従っていました、そして彼らはテーブルを並べて推薦します。また、私の経験から、<td>iOS Mailの行のように動作させることはできません(Mobile Safariでは機能しますが、電子メールで送信すると機能しなくなります)。

もう少しグーグルして、私は解決策にたどり着きました。それは、境界線を設定<td>し、<p>タグのコンテンツをラップすることを含みます。手順3を確認してください。動作します。

于 2013-04-10T14:53:04.683 に答える