图像对齐细胞底部

时间:2012-09-11 08:53:37

标签: html css

我有这个HTML

<style type="text/css">
#DownloadLeaflet  {
bottom: 0px;
}
</style>

<table style="width:97%" summary="">
<tbody>
<tr>
<td style="width:100px" width="118">
    <img style="border-bottom:0px solid;border-left:0px solid;border-top:0px solid;border-right:0px solid" src="http://www.banqueaudi.com/RetailBanking/PublishingImages/2008/adsl.png" border="0">
</td>
<td style="width:100%" width="776">
    <div style="height:52px">
      <span class="title">ADSL Service</span><br>
      <em class="Slogan">Be Fast Ahead with Our ADSL Service</em>
    </div>
    <p>
         The new high-speed ADSL connection is now available with privileged conditions 
    </p>
    <p>
         Everybody is getting connected, what are you waiting for? Guarantee your peace of mind in a simple 1-step procedure with a reliable internet service from a trusted source.
    </p>
    <p>
         you will gain the communication edge with a high-performance internet connection at an efficient cost.
    </p>


    <img id="DownloadLeaflet" style="border-bottom:0px solid;border-left:0px solid;border-top:0px solid;border-right:0px solid" src="http://www.banqueaudi.com/PublishingImages/Shared/DownloadLeaflet.png" border="0">

</td>

</tr>
</tbody>
</table>

我已经尝试过用css做的一切,但似乎我不是CSS粉丝

我想将下载按钮与单元格的底部对齐,请参阅此fiddle

1 个答案:

答案 0 :(得分:0)

你必须给表格相对和图像绝对和底部:0

http://jsfiddle.net/JfZZD/44/

检查小提琴