2

CSS を使用して電子メールの署名を作成していますが、単純な画像の横にテキストを縦に配置するのに問題があります。

私は valign と Vetical-align の両方を試しましたが、どちらも機能しません。誰が助けることができますか？

現時点でコード内の内容を簡単にまとめました。

http://jsfiddle.net/J5LTw/1/

または単にコードで：

<table style="width:500px; font-family:century gothic; font-size:10">
<tr><td><p style="color: #184d95; font-weight:bold">Company</p></td></tr>
<tr><td><img src="http://i42.tinypic.com/xauvbp/5.jpg" border="0" width="20" height="20"> Phone</td></tr>
<tr><td><img src="http://i44.tinypic.com/2d2f6kx.jpg" border="0" width="20" height="20"><a href="mailto:info@mail.nl" style="color:black; text-decoration:none">Mail</a></td></tr>
<tr><td><img src="http://i41.tinypic.com/2j4ebg5.jpg" border="0" width="20" height="20"> <a href="http://site.nl" style="color:black; text-decoration:none">Site</a></td></tr>
</table>

ありがとう！

4

2 に答える 2

2

こんにちは、このコードでテストします:

<table style="width:500px; font-family:century gothic; font-size:10">
<tr><td><p style="color: #184d95; font-weight:bold; height:20px; vertical-align:middle;">Company</p></td></tr>
<tr><td><img src="http://i42.tinypic.com/xauvbp/5.jpg" border="0" width="20" height="20" style="vertical-align:middle;">&nbsp;Phone</td></tr>
<tr><td><img src="http://i44.tinypic.com/2d2f6kx.jpg" border="0" width="20" height="20" style="vertical-align:middle;"><a href="mailto:info@mail.nl" style="color:black; text-decoration:none; height:20px; vertical-align:middle;">&nbsp;Mail</a></td></tr>
<tr><td><img src="http://i41.tinypic.com/2j4ebg5.jpg" border="0" width="20" height="20" style="vertical-align:middle;"><a href="http://site.nl" style="color:black; text-decoration:none; height:20px; vertical-align:middle;">&nbsp;Site</a></td></tr>
</table>
于 2013-07-11T09:37:10.120 に答える
1

これを試して

http://jsfiddle.net/J5LTw/2/

MAKE CLASSこのcssを使用してください。

table tr img{
    height:20px;
    vertical-align:middle;
}

書いたら使ってINLINE CSSください

http://jsfiddle.net/J5LTw/3/

<table style="width:500px; font-family:century gothic; font-size:10">
<tr><td><p style="color: #184d95; font-weight:bold">Company</p></td></tr>
<tr><td><img src="http://i42.tinypic.com/xauvbp/5.jpg" border="0" width="20" height="20" style="vertical-align:middle;"> Phone</td></tr>
<tr><td><img src="http://i44.tinypic.com/2d2f6kx.jpg" border="0" width="20" height="20"  style="vertical-align:middle;"> <a href="mailto:info@mail.nl" style="color:black; text-decoration:none">Mail</a></td></tr>
<tr><td><img src="http://i41.tinypic.com/2j4ebg5.jpg" border="0" width="20" height="20"  style="vertical-align:middle;"> <a href="http://mennescreative.nl" style="color:black; text-decoration:none">Site</a></td></tr>
</table>
于 2013-07-11T09:26:02.717 に答える