Question

我现在需要添加一个订单＆＃39;我桌子底部的按钮。在做了一些研究之后，我一直无法找到解决问题的方法（我确定我只是错过了一个简单的伎俩）

这是我的表：

<table class='elegantaerobasket margin_bottom'>
<thead>
    <tr>
        <th class="baskettabletitle1 pricecomparison th1" colspan="4">Web Hosting</th>
    </tr>
    <tr>
        <th class="baskettabletitle1 basketleftmargin th1">Product</th>
        <th id="averagepadding2" class="baskettabletitle1 baskettb3hosting th1">2 Years</th>
    </tr>
</thead>
<tbody>
    <tr>
        <!-- Product -->
        <td class="basketrowspace basketleftmargin "><b>Unlimited Web Hosting</b>
        </td>
        <!-- 2 year cost -->
        <td class="basketrowspace baskettb33hosting">£12.00</td>
    </tr>
</tbody>
</table>

FIDDLE＃我已经在单独的DIV中添加了按钮，以显示它应该如何显示

我已尝试在<tfooter>中添加一个按钮并进行了大量调整，我确信它可以正常工作，但有更好/更简单的方法吗？

由于

Answer 1

我可能会错过你要求的东西，但这里是tfoot里面的按钮：

http://jsfiddle.net/wildandjam/q6qQF/1/

<tfoot>
    <tr>
        <td colspan="2">
            <div class="elegantaerobasket margin_top">
                <a href="#" class="button">Order Now</a>
            </div>
        </td>
    </tr>
</tfoot>

如何在所有内容的下方添加一个按钮？<table> </table>

1 个答案: