Css 使用两个立柱使img粘在桌子顶部
我有一个有两列的表。在一列中有一个图像,当第二个表中填充了文本时,我想将其粘贴到表的顶部。通过php脚本调用图像:Css 使用两个立柱使img粘在桌子顶部,css,Css,我有一个有两列的表。在一列中有一个图像,当第二个表中填充了文本时,我想将其粘贴到表的顶部。通过php脚本调用图像: <td width="257"> <a href="http://mirrorofrace.org/TemplateZoom.php?photo_id=<?echo $_GET['photo_id'];?>"> <?php echo "<img src=\"http://mirrorofrace.org/{$row
<td width="257">
<a href="http://mirrorofrace.org/TemplateZoom.php?photo_id=<?echo $_GET['photo_id'];?>">
<?php echo "<img src=\"http://mirrorofrace.org/{$row["medium_size"]}\" width=\"{$row["medium_width"]}\" height=\"{$row["medium_height"]}\" border=\"0\">";?></a>
</td>
当第二个td填充文本时,第一个td中的图像会向下移动页面,但我希望它保持在页面顶部。我想我需要使用css来实现这一点。
这是正在发生的事情的一个例子。
感谢您的建议和帮助通过css将以下内容添加到您的图像中:
img{
position: absolute;
top: 0px;
}
内联或CSS文件中
如果是内联的,请将图像设置为:
<img src=\"http://mirrorofrace.org/{$row["medium_size"]}\" style=\"width:
{$row["medium_width"]};height:$row["medium_height"]};border:none;
position:absolute;top:0px;\">
要垂直对齐td/th中的内容,请使用垂直对齐:here do td{vertical align:top;}要垂直对齐td和th元素中的内容,请使用垂直对齐属性。默认情况下,它设置为中间,因此图像在单元格的中间对齐,而不是在顶部。
td {
vertical-align: top;
}
不确定这个问题,但想知道是否有必要使用表格来完成您要完成的任务?谢谢。这主要起作用,但当我添加css时,顶部菜单消失,导航菜单位于横幅上方。图像文件在我想要的地方,但我也需要在它们所在的地方有菜单。如果你只将css与img元素关联,就不应该发生这种情况。嗨,谢谢。我试过了,但仍然有菜单消失的问题。顶部菜单移到横幅上方,第二个菜单完全消失。@user3486160为什么?和我的答案一样,我的答案不适用,告诉我: