定位我的桌子

时间:2012-03-14 15:04:39

标签: html css html-table

我一直在寻找一种方法来定位其中一张有图像的表格。它有点远到左边,我需要将它向右滑动。到目前为止,我的表格写得像:

<TD>
<IMG SRC='http://farm8.staticflickr.com/7209/6978440877_10b1fcffc4_o.jpg'/> 
</TD>

我需要添加什么?我尝试了一些css:

position:absolute; z-index:2; left: 50px; top: 1040px;

- 但它只是作为文字出现在页面上。我应该添加/写入什么才能控制我放置桌子的位置?

2 个答案:

答案 0 :(得分:1)

当你用HTML创建一个表时,你至少需要定义表,行和单元格(不确定你是否已经有这些,只发布截断的代码):

<table>
  <tr>
    <td> ... </td>
  </tr>
</table>

当你定义CSS时,它需要在适当的位置。你有几个选择。首先,您可以将其内联在这样的标记中:

<table style="attribute:value; attribute:value;">

或者您可以在<head>(首选)中定义它:

<head>
...
<style type="text/css">
table{
  attribute:value;
  attribute:value;

}
</style>
</head>

最后,1000像素偏移相当高。适应相对和绝对定位。绝对定位会给初学者带来很多问题,因为初学者不了解布局如何在我的经验中融合在一起。

希望这会让你开始。那里有很多很棒的资源。

答案 1 :(得分:0)

请为<Body><TD>标记尝试以下样式,它会删除左侧空格。

<body style="margin:0; padding:0;">
<TD style="padding-left:0;" >

如果仍然无法修复,请提供完整的代码。

After

Before