0

これは通常のクライアントでは問題なく機能しますが、Outlook での作業は面倒です。私には問題ないように見えますが、これが Outlook でレンダリングされない理由を誰か教えてもらえますか?

<table id="contentArea">
      <tr>
        <td>
        
          <p>Welcome to the TeraTitan family ${user['FirstName']},</p>
          <p>Please tell us which services you are interested in currently:</p>
          
          
          <table align="center">
          <tr align="center">
          <td><a href="http://www.teratitan.com/info/mortgage"><img height="100px" width="100px" src="http://www.yourwealth.co.uk/sites/default/files/titleimage-mortgages.jpg"><p style="font-family:Verdana, Geneva, sans-serif; font-size:12px">Mortgages</a></p></td>
          <td><a href="http://www.teratitan.com/info/savings"><img height="100px" width="100px" src="http://t0.gstatic.com/images?q=tbn:ANd9GcS0BNv0q30KMSumGx6p8Vp0UYwB_3IfBUD3HfKsruNW-qBb5qdUd4UPi1d9"><p style="font-family:Verdana, Geneva, sans-serif; font-size:12px">Savings</a></p></td>
          <td><a href="http://www.teratitan.com/info/homeequity"><img height="100px" width="100px" src="http://www.clockwise.coop/Clockwise/media/SiteImages/News%20Items/%C2%A35-gift.jpg?width=200&height=200&ext=.jpg"><p style="font-family:Verdana, Geneva, sans-serif; font-size:12px">Home Equity</a></p></td>
          </tr>
          
          
          </table>
          <p>You can also visit us on-line at <a href="http://www.teratitan.com">TeraTitan</a>, or call us with any questions you may have at 800-555-1212.</p>
        </td>
      </tr>
    </table>
    <!-- End Table for content-->
4

1 に答える 1

2

私はR・ラコムと一緒です。レンダリングの問題とは正確には何ですか？

また、「ずさんな」コーディングがいくつかあるようです。これで問題が解決しない場合もありますが、コードが「だらしない」場合、実際の問題がどこにあるのかわかりません。

以下は、いくつかの調整を加えてクリーンアップされた HTML です。それを実行してみて、レンダリングの問題が解決するかどうかを確認してください。<p>また、大量のインライン CSSタグがないと、メール クライアントでの一貫性が十分に得られないことにも注意してください。

  <table id="contentArea" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td align="left">
        <p>Welcome to the TeraTitan family ${user['FirstName']},</p>
        <p>Please tell us which services you are interested in currently:</p>
      </td>
    </tr>
    <tr>
      <td align="left">
        &nbsp;
      </td>
    </tr>
    <tr>
      <td align="center">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center">
              <a href="http://www.teratitan.com/info/mortgage">
                <img height="100px" width="100px" src="http://www.yourwealth.co.uk/sites/default/files/titleimage-mortgages.jpg">
                <p style="font-family:Verdana, Geneva, sans-serif; font-size:12px">Mortgages</p>
              </a>
            </td>
            <td align="center">
              <a href="http://www.teratitan.com/info/savings">
                <img height="100px" width="100px" src="http://t0.gstatic.com/images?q=tbn:ANd9GcS0BNv0q30KMSumGx6p8Vp0UYwB_3IfBUD3HfKsruNW-qBb5qdUd4UPi1d9">
                <p style="font-family:Verdana, Geneva, sans-serif; font-size:12px">Savings</p>
              </a>
            </td>
            <td align="center">
              <a href="http://www.teratitan.com/info/homeequity">
                <img height="100px" width="100px" src="http://www.clockwise.coop/Clockwise/media/SiteImages/News%20Items/%C2%A35-gift.jpg?width=200&height=200&ext=.jpg">
                <p style="font-family:Verdana, Geneva, sans-serif; font-size:12px">Home Equity</p>
              </a>
            </td>
          </tr>
        </table>
      </td>
    </td>
    <tr>
      <td align="left">
        &nbsp;
      </td>
    </tr>
    <tr>
      <td align="left">
        <p>You can also visit us on-line at <a href="http://www.teratitan.com">TeraTitan</a>, or call us with any questions you may have at 800-555-1212.</p>
      </td>
    </tr>
  </table>

  <!-- End Table for content-->
于 2013-10-18T01:44:23.273 に答える