ユーザーに送信されるHTMLテンプレートを作成しようとしています。レンダリングされた電子メールの問題は、リストが正しく表示されないこと、失われています。この問題はOutlook上で発生しますが、ブラウザでは書式設定は正しいです。Outlookでレンダリングされた電子メールのulタグで問題が発生する
私は次のスレッド(Trouble with ol and ul tags in email sent with Outlook)に続き、テーブルを使ってリストを模倣しようとしました。 1つのリストでうまく動作します。しかし、リストがネストされているので、レンダリング設定を正しく取得できません。私は、次のアプローチを踏襲している
:
<table cellspacing="0" cellpadding="0">
<tr>
<td width="20" align="center" valign="top">•</td>
<td align="left" valign="top"></td> List Item 1: </td>
</tr>
<tr>
<td></td> // Empty column, since sub-list should be at different level
<td>
<table cellspacing="0" cellpadding="0">
<tr>
<td width="20" align="center" valign="top">✔</td>
<td align="left" valign="top"></td> Nested List Item 1: </td>
</tr>
</table>
</td>
</tr>
</table>
私はまた、代わりに、ネストされたテーブルの余分な空の列を、滑走により巣に内側のリストを試してみました。
<table cellspacing="0" cellpadding="0">
<tr>
<td width="20" align="center" valign="top">•</td>
<td align="left" valign="top"></td> List Item 1: </td>
</tr>
<tr>
<td width="20"></td> // empty column
<td width="20" align="center" valign="top">•</td>
<td align="left" valign="top"></td> Nested List Item 1: </td>
</tr>
</table>
これまでは解決できません。どんな入力も感謝します。
あなたはそれが見えるように何をしたいですか?あなたのHTMLは間違っています...ここではあまりにも多くのTDを閉じています: