Html CSS帮助需要使图像上升到顶部

Html CSS帮助需要使图像上升到顶部,html,css,Html,Css,我有一张桌子,分成三张。我的问题是我的内容在左边,图片在右边。当我打开页面时,PIC开始在页面中间,我需要PIC显示在页面的顶部。我该怎么做 <table border="0" cellspacing="0" cellpadding="5"> <tr> <td > <table> Lots of Content </table> </td>

我有一张桌子,分成三张。我的问题是我的内容在左边,图片在右边。当我打开页面时,PIC开始在页面中间,我需要PIC显示在页面的顶部。我该怎么做

       <table border="0" cellspacing="0" cellpadding="5">
        <tr>
        <td > 
        <table> Lots of Content </table>

        </td>

        <td width ="10%">
          <table> Empty table (that gives space between left content and right image                         </table>

           </td>

        <td width = "20%">
        <table width="100%">
             <tr>
             <td> <Asp:Image Runat="server" Id="Image" align="top"> </td>
             </tr>



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

很多内容
空表(在左侧内容和右侧图像之间留出空间

使用此页面确定您想要什么样的定位(从帖子中不确定)

然后像这样嵌入代码:

<head>
 <style type="text/css">
 img
  {
  [Style properties you pic]
  }
 </style>
</head>

img
{
[Style properties you pic]
}

或者为您的整个页面布局(无更多表格)咨询并使用合适的CSS文件。

使用此页面确定您想要的定位类型(从文章中不确定)

然后像这样嵌入代码:

<head>
 <style type="text/css">
 img
  {
  [Style properties you pic]
  }
 </style>
</head>

img
{
[Style properties you pic]
}

或者为您的整个页面布局咨询并使用适当的CSS文件(无更多表格)

如果您真的想/需要保留现有结构并寻找快速而肮脏的修复,则将图像的位置设置为绝对位置,并将其顶部和左侧精确定位在您想要的位置。

如果您真的想/需要保留现有结构并寻找快速而肮脏的修复,则将图像的位置设置为绝对位置用左上角将其精确定位。

这很容易…这是破解方法…在td中添加一个类

.positionhack {position:relative}
然后在图像上

 .positionTop {
    position:absolute;
    top:0;
    }

这很简单…这里是黑客…添加一个类到td

.positionhack {position:relative}
然后在图像上

 .positionTop {
    position:absolute;
    top:0;
    }


最好的方法是去掉表格并制作css布局使用表格格式化布局并创建表格来保存图像是毫无意义的。只需将图像放入td。或者最好停止使用表格格式化布局并使用divs,然后根据您想要的效果将图像定位为绝对或相对顶部用于布局的s是制作页面的错误方法。表格仅用于表格数据。这不是我创建的。我正在维护现有页面,必须找到一种方法使用somefix进行修复。我没有重建页面的权限。最好的方法是删除表格并制作css布局使用表格格式化布局d创建一个表格来保存图像是毫无意义的。只需将图像放入td。或者最好停止使用表格来格式化布局,使用div,然后根据您想要的效果将图像定位为绝对或相对顶部。用于布局的表格是制作页面的错误方法。表格仅用于表格数据。这不是我所做的Eded。我正在维护一个现有页面,我必须找到一种方法,使用somefix来修复它。我没有重建页面的权限。这不正是他想要的吗?页面顶部的img?对不起,Sven,我在想td的顶部-应该仔细阅读!np.总是发生在我身上;)你能给css或内联css你到底做了什么吗?你应该避免像它不起作用那样的陈述。什么不起作用?你的烤面包机?提供详细信息,说明它如何不起作用,或者您尝试了什么。这将允许更多有用和知情的回应。这不正是他想要的吗?页面顶部的img?对不起,斯文,我在想td的顶部-应该仔细阅读!NP总是发生在我身上;)你能给css或内联css你到底做了什么吗?你应该避免像它不起作用那样的陈述。什么不起作用?你的烤面包机?提供详细信息,说明它如何不起作用,或者您尝试了什么。这将允许更多有用和知情的回应。对不起,这是错误的。用这个“黑客”他完全不改变图像的渲染位置。对不起,这是错误的。有了这个“黑客”,他完全不改变图像的渲染位置。我开始为那个页面创建css。谢谢。我开始为那个页面创建css。非常感谢。