6

私は現在、奇妙な(まあ、htmlメール...)垂直表示に問題があり、それは私をイライラさせます。

基本的に私が持っているのは表です。左側にテキスト、右側に画像があります。問題は、テキストが上に垂直に配置されていることです。私はvalign="middle"、cssvertical-align:middle;を試しましたが、line-height:value;何も役に立ちません。画像は基本的にそのTDの上部にあります(TDの高さは画像と同じ高さです)

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

<table border="0" cellpadding="0" cellspacing="0" width="600" id="header">
<tr>    
<td border="0" cellpadding="0" cellspacing="0" width="600" align="left" valign="middle" style="text-transform: uppercase;font-family: tahoma,geneva,sans-serif;font-size: 14px;color: #898989;letter-spacing: 2px;">
<strong>Text field</strong>
<img src="link_to_image.jpg" style="display:block;" align="right" valign="bottom" width="230" height="49" alt="Logo">
</td>
</tr>
</table>

同じTDで画像とテキストを作成する必要があります。そうしないと、画像の下にある別の画像の間にスペースがあります。

他の誰かが同様の問題に遭遇しましたか?何か案は?

よろしく、Baseckas

4

1 に答える 1

6

ブラウザで動作させることはできますが、HTMLメールであるため、テーブルセルを2つの列に分割し、1つの列にテキストと別の列の画像を含める必要があります。これが、Outlookが正しく解釈する唯一の方法です。divで画像タグをサラウンドしてみることができますが、これも見通しに欠陥があります。

于 2012-11-23T12:17:22.770 に答える