3

これに対する直接的な回答は見つかりませんでしたので、以前に質問されたことがある場合は、しばらくお待ちください。

HTML の経験は限られています。Android フォンの Entourage と Gmail で開くと、メール内の表の列の幅が変わります。私の PC の Gmail は問題ないように見えます。Outlook、Yahoo なども問題ありません。

基本的に何が起こるかは、Entourage/Gmail-droid の左右の列スイッチの幅です。左の列の幅width="401";右の列に固定する必要があります width="171"(左の列が 171 で右の列が 401 になるように入れ替えます)。

ネストされたテーブルを使用してオンラインで入手した HTML 電子メール テンプレートを使用しています。以下は、テキストと画像を取り除いた基本的なコードです。どんな助けでも大歓迎です:

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css" media="screen">
    html {
        -webkit-text-size-adjust:none;
        -webkit-background-size:100%;
    }

    .bold {
       color: #61BB46;
    }

    .Main {
           font-family: Verdana, Helvetica, sans-serif;
           font-size: 12px;
           line-height: 22px;
           color: #666666;
    }

    .Sidebar {  
           font-family: Verdana, Helvetica, sans-serif;
           font-size: 12px;
           line-height: 22px;
           color: #666666;
    }

    a:link {
           COLOR: #592989;
    }

    a:visited {
           COLOR: #FAAB53;
    }

    a:hover {
           COLOR: #61BB46;
    }

    a:active {
           COLOR: #592989;
    }

    </style>

    <body bgcolor="#ffffff" text="#666666" style="padding:0px; margin:0px;">
    <table style="font-family: Verdana, Helvetica, sans-serif; color: #666666; 
    font-size: 12px; Line-height: 18px; width: 600px;" border="0" cellspacing="0" 
    cellpadding="0" align="center">
        <tr>
          <td style="font-size: 30px; line-height: 32px; color: #592989;" colspan="4">
            <div style="font-size: 12px; color:#999;"></div></td>
        </tr>
        <tr>
          <td style="padding-top: 20px;" colspan="4"><table border="0" cellspacing="0" 
    cellpadding="0" align="center">
              <tbody>
                <tr>
                  <td style="padding: 4px; background-color: #e3dede;"><img src="" 
    width="578" height="190"></td>
                </tr>
              </tbody>
            </table></td>
        </tr>
        <tr>
          <td style="padding-top: 20px; padding-bottom: 20px; text-align: left;" 
    colspan="4"><p><a href="" target="_blank">
          </td>
        </tr>
        <tr>
          <td rowspan="5" width="401" valign="top"><p style="color: #592989; 
    font-size: 20px;"></p>
            <p class="Main" style="margin-bottom: 1.0em">
           </p></td>
          <td rowspan="5" width="19" valign="top">&nbsp;</td>
          <td style="background-color: #592989; padding: 4px; padding-left: 8px; 
    color: #ffffff; font-size: 14px;" width="171" valign="top"><p></p></td>
        <tr>
    </table>
    </body>
4

1 に答える 1

0

HTML メールを送信する最初のルールでは、インライン スタイルを使用します。<head>多くのクライアントは、タグ内のスタイルを削除します。<head>最も安全な方法は、ほとんどの場合これらが削除されるため、または<body>タグを気にしないことです。html を検証します。多くのクライアントが削除する無効なマークアップがあります。

<td style="padding-top: 20px;" colspan="4"><table border="0" cellspacing="0" 
    cellpadding="0" align="center">

              <tbody>

次のようにする必要があります。

<td style="padding-top: 20px;" colspan="4"><table border="0" cellspacing="0" 
    cellpadding="0" align="center">
      <table>
              <tbody>
于 2012-09-14T14:47:24.070 に答える