使表填充顶部的列:0px - 不工作

时间:2013-05-10 16:23:00

标签: html css html-table

我在使表格 padding-top:0px 工作时遇到了一个小问题。

请查看网站 wp.allandale.com ,我实际上定义了一个包含3列的表格。 第一栏有3个项目:我们今天如何(调查),营业时间和艾伯塔机动车...... 第二列只是一个20像素的空间 第三列是徽标集合(只有一个图像)

第三个 - 我试图让它填充顶部:0px但不起作用。

这是编码(只是简短形式)

<center>
<div>
<table>
    <tr>
        <td>
              <!-- 3 items here : separated by <br /> -->
        </td> 

        <td>
             <a href="#"><img src="../images/spacer.gif" width="20" height="1" /></a>
        </td> 


        <td style="padding-top:0px;"><img src="../images/biglogo.jpg" /></a>
        </td> 

    </tr>

</table>
</div>
</center>

请告诉我应该怎么做。我不是网络开发方面的专家。只是更新鲜。

2 个答案:

答案 0 :(得分:1)

问题不在于填充。

目前垂直对齐是vertical-align: inherit

您必须将其更改为vertical-align:top

<td style="vertical-align: top;"><a href="#"><img alt="" src="../wp-content/uploads/2011/09/anotherdogtag8.jpg"></a></td>

(或改变css)

答案 1 :(得分:0)

如果您需要做的是将图像拉到顶部,这可以。

 vertical-align:top