HTML:图像不显示在html中的表格右侧

时间:2014-06-12 12:19:23

标签: html

我在html页面右侧获取图片时遇到问题。我想在顶部和底部标签之间放置一个图像。目前,我在Label 8和Label 9之后插入了一些空格,只是为了显示我的垂直图像的位置。我想要一个图像显示在那里。我尝试了一些方法,但图像显示在另一行中,将其他行向下推到底部。

HTML代码:

 <table cellpadding="0" cellspacing="0">
     <tr>
      <td >
       <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
         <td >
          <DIV >
        <table  width="100%" cellpadding="0" cellspacing="8">                               
         <tr>
          <td>
           <table  width="100%" cellpadding="0" cellspacing="0">
            <tr>
              <td  colspan="2">Hello</td>                                             
            </tr>                                           
            <tr>
                  <td>Label 1</td>                                                     
                  <td>Label 2</td>
            </tr>
            <tr><td> &nbsp; </td></tr>
            <tr>
              <td style="padding-left:550px" colspan='2'>top</td>
            </tr>
            <tr>
              <td colspan='2'>Label 3</td>
            </tr>
            <tr>
              <td  colspan='2'>Label 4</td>
            </tr>
            <tr>
              <td colspan='2'>Label 5</td>
            </tr>
            <tr>
              <td  colspan='2'>Label 6</td>
            </tr>
            <tr>
               <td  colspan='2'>Label 7</td>
            </tr>
            <tr>
               <td  style="padding-left:25px">Label 8 &nbsp; Label 9</td>
            </tr>
                <tr><td> &nbsp; </td></tr>      
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr>
            <td  style="padding-left:550px" colspan='2'>bottom</td>
            </tr>
            <tr>
            <td  colspan='2'>footer</td>
            </tr>
        </table>
           </td>
          </tr> 
        </table>
       </DIV>
      </td>
     </tr>
    </table>
    </td>
    </tr>
    </table>

1 个答案:

答案 0 :(得分:0)

您可以使用rowspan属性在多个列上扩展单元格。然后将您的图像放入此单元格中:http://jsfiddle.net/FLEPb/3/