HTML / CSS表在ebay列表中未正确对齐

时间:2014-02-25 22:05:17

标签: html css html-table ebay

我正在尝试制作一个漂亮的ebay列表,虽然html在ebay之外看起来很好,但在ebay上预览/发布之后,这些表似乎会破坏和错位!

这就是在Chrome中预览的内容

enter image description here

这就是在ebay预览框中预览的内容

enter image description here

当然这不是完整列表,但除了那些部分外,其他所有内容似乎都正确对齐。

<table id="Table1" border="0" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td colspan="8">
                <img src="http://i.imgur.com/K2yWDPk.png" width="920" height="25" border="0" alt="Top Shadow">
            </td>
        </tr>
        <tr>
            <td rowspan="2" colspan="2">
                <a href="STORELINK">
                    <img src="http://i.imgur.com/5u3mlVA.png" border="0" alt="Logo" width="230" height="100">
                </a>
            </td>
            <td colspan="2" rowspan="2" border="0">
                <img src="http://i.imgur.com/LkCBdLv.png" height="100" width="230">
            </td>
            <td colspan="4" background="http://i.imgur.com/4xTnFGE.png" width="460" height="50">
                <div id="Table1Links">
                    <a href="STORELINK">Store</a>
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="4" background="http://i.imgur.com/Mm6XcLE.png" width="460" height="50">
                <form name="search" method="get" action="http://search.stores.ebay.com/search/search.dll" target="_blank">
                    <!-- Replace with # with STOREID -->
                    <input name="sid" value="#REPLACEWITHSTOREID" type="hidden">
                    <input name="srchdesc" value="y" type="hidden">
                    <input name="fp" value="0" type="hidden">
                    <input name="query" size="30" maxlength="300" type="text">
                    <input value="Search Store" name="submit" src="http://i.imgur.com/0uSF8nO.png" type="image">
                </form>
            </td>
        </tr>
    </tbody>
</table>

任何关于如何正确显示这些内容的建议都将非常感谢!谢谢

3 个答案:

答案 0 :(得分:0)

尝试将样式表放在ebay模板中,它位于<style></style>标记代码开头的右侧。

然后将此代码添加到您的样式

    #mainpage {
    margin: 0;
    padding: 0;
}

然后将表格标签更改为此标签。这适合我。如果它有用或者您需要任何帮助或者想要了解更多信息,请告诉我。

<TABLE style="WIDTH: 100%" id=mainpage border=1 cellSpacing=0 cellPadding=0 cols=5>

答案 1 :(得分:0)

这可能是因为eBay在格式化代码间隔的地方添加了所有令人讨厌的“&nbsp;”标签 - 尝试取消格式化代码(是的,手动取出所有标签/空格,只需使用回车键分隔内容)。

我真的只是经历了这个 - 并且在发现它没有正确对齐之后很生气 - 但是因为我“没有格式化”代码(我提交给eBay后我至少有一百万个标签),事情是他们应该如何流动 - 这些标签都不会在任何地方生成!

祝你好运!

答案 2 :(得分:0)

您是否尝试过在其他浏览器中列出和预览?似乎Chrome在eBay预览中显示CSS非常错误。在eBay恕我直言上列出是不可用的。

示例:

http://community.ebay.com/t5/Technical-Issues/CSS-error-when-listing-with-Chrome/m-p/23635402