我正在使用 WP e-Commerce 在 Wordpress 中进行一些样式设计,并且在结帐页面中有一个表格,其中表格标题都左对齐,而不是每个列的宽度。当我在没有 CSS 的情况下尝试 HTML 代码时,它工作得相当好,但是应用了太多的 CSS,以至于我无法确切地弄清楚是什么导致了它。
请参阅下面有问题的 HTML 代码。
关于如何找到罪魁祸首的任何想法?
<table class="checkout_cart">
<tbody>
<tr class="header">
<th colspan="2">Product</th>
<th>Quantity</th>
<th>Price</th>
<th>Total</th>
<th> </th>
</tr>
<tr class="product_row product_row_0 alt">
<td class="firstcol wpsc_product_image wpsc_product_image_0"> <img src="31x31.jpg" alt="Spreading the Light" title="Light" class="product_image"> </td>
<td class="wpsc_product_name wpsc_product_name_0"> <a href="http://hailefinephotography.com/products-page/inner-aperture-fine-art-note-cards/spreading-the-light/">Spreading the Light</a> </td>
<td class="wpsc_product_quantity wpsc_product_quantity_0">
<form action="/store/checkout/" method="post" class="adjustform qty">
<input type="text" name="quantity" size="2" value="1">
<input type="hidden" name="key" value="0">
<input type="hidden" name="wpsc_update_quantity" value="true">
<input type="submit" value="Update" name="submit">
</form>
</td>
<td><span class="pricedisplay">$5.00</span></td>
<td class="wpsc_product_price wpsc_product_price_0"><span class="pricedisplay"><span class="pricedisplay">$5.00</span></span></td>
<td class="wpsc_product_remove wpsc_product_remove_0">
<form action="/store/checkout/" method="post" class="adjustform remove">
<input type="hidden" name="quantity" value="0">
<input type="hidden" name="key" value="0">
<input type="hidden" name="wpsc_update_quantity" value="true">
<input type="submit" value="Remove" name="submit">
</form>
</td>
</tr>
</tbody>
</table>