使用電子郵件簽名的表格中的圖像垂直對齊文字？

即時通訊創建一個電子郵件簽名與CSS和我有一個問題讓文本垂直對齊旁邊的一個簡單的圖像。使用電子郵件簽名的表格中的圖像垂直對齊文字？

我試過valign和Vetical-align，但都沒有工作。誰可以幫忙？

我已經做了我的代碼裏面什麼時候的快速綜述。

或只是在代碼：

<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:[email protected]" 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>

謝謝！

來源

2013-07-11 Sander Schaeffer

Apparantly下面的解決方案都沒有解決我的問題。但是，垂直對齊解決方案有效，但必須放在上。我不夠滿意，稍微調整了一下;從圖像中移除V.alignment並將其添加到現在它完美對齊。還是，如上所述：您提供瞭解決方案，讓我指出正確的方向。謝謝！ –

試試這個

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

如果你MAKE CLASS請，如果你寫INLINE CSS使用CSS

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

請使用

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:[email protected]" 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-11 09:26:02 falguni

必須內聯的CSS，但是我明白你的意思是會嘗試。 –

我目前有： Mail 但是，這似乎並沒有工作.. –

謝謝，這似乎工作！ –

HI試驗與驗證碼：

<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:[email protected]" 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-11 09:37:10 GilbertOOl

謝謝，這似乎工作！ :) –

很酷，你可以標記這個解決方案，請解決你的問題，或投票給她！ – GilbertOOl

使用電子郵件簽名的表格中的圖像垂直對齊文字？

回答

相關問題