0

あなたがこれで私を助けてくれることを願っていますそれはおそらく本当に簡単ですが、私は入れ子がかなり苦手です。

簡単なコードは次のとおりです。

        <table border="0" cellpadding="0" cellspacing="0" width="600">

        <tr>
            <td width="600"><a href="#" target="_blank"></td>
        </tr>
        <tr>
        <td valign="top" align="center"></td>
        </tr>

        <tr>
        <td valign="top" align="center" bgcolor="#000000" colspan="2"><a href="#" target="_blank"><img src="#" width="9" height="11" border="0" alt="" style="display:block;"></a><font style="font-size: 12px" color="#ffffff" face="Arial, Helvetica, sans serif"><b><a href="#" target="_blank" style="text-decoration: none; color: #ffffff">LEAVE A REVIEW TO <font color="#ff9a11">WIN &pound;250</font> WORTH OF X VOUCHERS</a></b></font></td>

        </tr>

        </table>

それをエディターにポップするか、ブラウザーで開くと、2つのデータセルを同じ行に配置するだけで、箇条書きの画像である9x11pxの画像がない画像があることに気付くでしょう。 、それはあなたに私がやりたいことのアイデアを与えるはずです。しかし、私はすべてが精神的になるようにしています。

私が電子メール用のHTMLを学んでいるので、なぜそれが起こっているのか説明できれば、それは素晴らしいことです(私の仕事のために電子メールを送っています)

4

2 に答える 2

0

多分これはあなたが探しているものですか?

    <table border="0" cellpadding="0" cellspacing="0" width="600">
      <tr>
        <td>Column 1 of Row 1 </td>
        <td>Column 2 of Row 1</td>
      </tr>
      <tr>
        <td colspan="2">Only column in Row 2</td>
      </tr>
    </table>

あなたの問題は、スパンする列が2つなかったときに<td>、が2であったことでした。colspan他の2つの列は、2つの別々の行に分割されており、そのコードで調整しました。

編集:あなたがそれをより簡単に理解できるように、私はテーブルコードを必要最低限​​のものにクリーンアップしました

于 2012-04-11T21:25:18.860 に答える
0

箇条書きの画像からスタイル-display:blockを削除しました。そのスタイルは、イメージを独自のライブにしlineます。

<table border="0" cellpadding="0" cellspacing="0" width="600">

        <tr>
            <td width="600"><a href="#" target="_blank"></td>
        </tr>
        <tr>
        <td valign="top" align="center"></td>
        </tr>

        <tr>
        <td valign="top" align="center" bgcolor="#000000" colspan="2"><a href="#" target="_blank"><img src="#" width="9" height="11" border="0" alt=""></a><font style="font-size: 12px" color="#ffffff" face="Arial, Helvetica, sans serif"><b><a href="#" target="_blank" style="text-decoration: none; color: #ffffff">LEAVE A REVIEW TO <font color="#ff9a11">WIN &pound;250</font> WORTH OF X VOUCHERS</a></b></font></td>

        </tr>

        </table>
于 2012-04-11T21:26:51.087 に答える