讓img在兩個柱子的桌子上最上面

我有一張有兩列的桌子。在一列中，當第二個表格填充文本時，我想要粘貼到表格的頂部。圖像被稱爲雖然PHP腳本：讓img在兩個柱子的桌子上最上面

<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來完成這項工作。 http://mirrorofrace.org/gallery/profile.php?photo_id=1&interp是正在發生的事情的一個例子。感謝您的任何建議和幫助

來源

2014-04-04 user3486160

不確定這個問題，但想知道是否有必要使用表來實現你想要完成的任務？ –

-1

通過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;\">

來源

2014-04-04 17:50:59 Sablefoste

謝謝。這大多數工作，但當我添加CSS頂部菜單消失，導航菜單上的橫幅。圖像文件是我想要的地方，但我需要也有菜單。 – user3486160

如果您將css關聯到'img'元素，就不會發生這種情況。 – Sablefoste

在td/th垂直對齊的內容，使用vertical-align：這裏做td {vertical-align:top;}

來源

2014-04-04 18:12:02

嗨，謝謝。我嘗試過，但仍然遇到菜單消失的問題。頂部菜單移到橫幅上方，第二個菜單完全消失。 – user3486160

要td和th元素垂直對齊的內容，使用vertical-align屬性。默認情況下，它被設置爲中間，因此圖像在單元格中間而不是頂部對齊。

td { 
    vertical-align: top; 
}

來源

2014-04-04 18:44:16

很好，工作得很好。謝謝 – user3486160

@ user3486160怎麼回事？和我一樣的答案，它適用於我的地方，告訴我:) –

讓img在兩個柱子的桌子上最上面

回答

相關問題