0

いくつかの投稿をチェックアウトして、試してみました。うまくいきませんでした。これは決定となり、これが何であるかをクライアントに伝えるかもしれませんが、私はそこに行きたくありません.

したがって、Litmus でテストした後、私の主な問題は、outbook 2007/10 とその他すべてで、境界線 (左右) と上下の画像が正しく整列していないことです。

 <body>
 <style type="text/css">
body{
  color:#415b7c;
  font-family:Helvetica, Arial, sans-serif;
  font-size:12px; 
  padding:0;
  margin:0;

}

table {border-collapse: collapse;}
</style>
<table width="100%" bgcolor="#ffffff">
<tr>
  <td><!-- header -->
    <table width="600" align="center" cellpadding="0" cellspacing="0">
        <tr valign="bottom">
          <td>
              <table width="600" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
                <tr><td>
                  <img src="http://wearehmc.com/emailTemp/VSAC/top.png" width="600" style="display:block">
                </td></tr>
              </table>
           </td>
        </tr>    
        <tr valign="top">
          <td>
            <table width="600" align="left" bgcolor="#ffffff" style="border-left-style:solid; border-left-color:#3d5b83; border-left-width:2px; border-right-style:solid; border-right-color:#3d5b83; border-right-width:2px; border-collapse: collapse; ">
              <tr>
                 <td>
                    client log
                </td>
                <td>
                  <table cellpadding="10" style="color:#576276;">
                    <tr>
                      <td>
                        <p style="font-weight:bold">
                          Text
                        </p>
                        <p>
                          text
                        </p>
                      </td>
                    </tr>
                   </table> 
                </td>
                <td>
                    client logo
                </td>  
             </tr>
            </table>

          </td>
        </tr>


        <tr>
          <td>
          <table width="600" align="left" cellpadding="0" cellspacing="0">
             <tr>
                <td style="color:#ffffff; font-size:22px; font-weight:500; line-height:30px">
                  <table width="600" align="left" bgcolor="#659acf" cellpadding="20" style="border-left-style:solid; border-collapse: collapse; border-left-color:#3d5b83; border-left-width:2px; border-right-style:solid; border-right-color:#3d5b83; border-right-width:2px; border-collapse:collapse;">
                    <tr>
                      <td style="color:#ffffff; font-size:24px; ">
                        text
                      </td>
                    </tr>
                  </table>      
                </td>
            </tr>
        <tr>
          <td>
              <table width="600" align="left" cellpadding="0" cellspacing="0">
                  <tr><td>
                  <img src="http://wearehmc.com/emailTemp/VSAC/bottom.png" width="600" style="display:block">
                </td></tr>
              </table>
           </td>
        </tr>       
    </table>

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

クライアントのコピーとロゴを取り出しました。

私が言ったように、それは Outlook 2007/10 では機能させず、他の機能では機能させるという決定に至る可能性があります。

したがって、誰かに何か提案があれば、それが最も役に立ちます。

4

1 に答える 1