私は現在、奇妙な(まあ、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