2013-11-14 10 views
7

現在、ブラウザやGmailでレンダリングされるhtmlメールでいくつかの問題を解決しようとしていますが、残念ながら、底部に貼り付ける)。アウトラインの縦方向のテキストアライメントが中央に配置されていない

このイメージは間違って何を示しています。

<td align="center" style="font-size:17px;font-weight:bold;line-height:62px;"><a href="url" style="text-decoration:none;color:#000001;">THE WORLD'S BEST BRANDS</a></td> 
</tr> 

<tr> 
    <td align="center"><a href="url" style="color:#000001;text-decoration:none;"><img src="url" alt="XXXX" width="593" height="100" class="brandsimage" style="display:block;border:0;" /></a></td> 
</tr> 
</table>             
</td> 
</tr> 

<tr> 
    <td align="center" style="font-size:17px;font-weight:bold;line-height:72px;"><a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a></td> 
</tr> 

任意のアイデアはどのようにこの問題を解決するために?

答えて

10

valign="middle"を追加し、<td>までの高さは、テキストを垂直方向を中心にしたい:水平垂直の位置合わせのための

<tr> 
    <td align="center" valign="middle" height="100" style="font-size:17px;font-weight:bold;line-height:72px;"> 
    <a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a> 
    </td> 
</tr> 

HTML形式の電子メールで、常に使用し、

valign="top|middle|bottom"

align="left|center|right"アラインメント。

height=""またはwidth=""が同じ<td>要素に設定されていることを覚えておいてください。私はそれを動作させるためにのために

+2

これを試しましたが、残念ながら運はありません。 – user2619611

+2

@ user2619611行の高さを取り除くと、テキストを押し下げています。 – John

+2

高さを設定し、線の高さを取り除き、値段付けがうまくいった、ありがとう! – user2619611

1

は、重要なのはHTMLのプロパティとしてheightalign="center"を指定し、CSS style要素でheightを複製することでした。

\t 
 

 
<td colspan="3" align="center" height="80px" width="100%" 
 
style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; 
 
color:#666666; height: 80px; background: #cccccc; 
 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> 
 
      <strong>for internal use</strong> 
 
     </td>

アライメントの問題は、すべてのWordベースの展望( - 2016 2007)に見られました。