td valign =＆＃34; top＆＃34;不工作 - CSS覆盖某处

Question

答案！

我有一些css覆盖我的桌子，但我不知道如何找到它。我只需要将表格中的图像放在桌子的顶部。我使用代码：

<td valign="top"><img src="../../../images/site/orangeBanner.png" alt="" width="259" height="62" class="imagePic"/></td>

但它不起作用并在中间生成橙色条的图像。它应该位于与“INSPIRE”相同高度的顶部。

以下是我的完整代码的链接：FULL CODE

任何人都可以看到为什么我的valign =“top”无效？有什么可以覆盖css吗？

Answer 1

您的td最初在CSS中指定了vertical-align: middle。您可以使用包含图片的style="vertical-align: top;"标记内嵌<td>内联来覆盖它。这应该是完美的：

<td valign="top" style="vertical-align: top;"><img src="../../../images/site/orangeBanner.png" alt="" width="259" height="62" class="imagePic"/></td>

Answer 2

此CSS规则正在覆盖它：

table, th, td {
    vertical-align: middle;
}

将其更改为top或将另一个类添加到该特定td标记。 您还可以将样式标记添加到该td，如下所示：

style="vertical-align: top;"