Question

我正在使用WP电子商务在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>&nbsp;</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>

Answer 1

你有5个标题（th），但是下面有6个字符串（td）

将表格宽度与wordpress中的td匹配

1 个答案: