在表格单元格中插入图像

时间:2011-10-11 20:38:54

标签: html html-table cell

大家。迟到网页设计派对的问题是我不知道如何使用表格或单元格。我试图将图像插入到我知道的215x145px的单元格中,并且我的图像具有相同的尺寸,只是为了找到额外的空间。

实际上,萤火虫显示出截然不同的高度,但老实说我不知道​​如何解决这个问题。这是电子邮件活动中最讨厌和最令人沮丧的方面之一,至少对我而言。

任何帮助都是最受欢迎的。

以下是代码:

<table align="center"  width="725" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#0E6FA5"><span style="text-align: center; text-decoration: none;">
</td>
<td valign="top" height="145" bgcolor="#FFFFFF" width="215"
rowspan="2"style="border:0; padding:0; margin:0;"><span style="background-color: #FFF;
margin: 0; padding: 0; height: 145px; text-align: left;"></td>
</tr>
<tr>
<td bgcolor="#0E6FA5">&nbsp;</td>
</tr>
</table>

Nasty white space in table

1 个答案:

答案 0 :(得分:0)

好吧,既然我忘了提到这种情况只与FF有关,我觉得分享我找到的解决方案是公平的:

http://www.webmasterworld.com/firefox_browser/3274620.htm

  
    

当处于标准兼容模式时(由于doctype),图像是内联元素,而不是&gt;&gt;块级。您通常可以通过以下CSS修复额外空间(存在以考虑&gt;&gt;任何随附文本的下降部分)的问题:

         

img {display:block;}

         

或者通过添加style =“display:block;”你的img元素。