0

我没有任何 HTML 或 CSS 经验，所以几乎没有编码文盲。

我遇到的问题是我在 Bigcommerce 网站上插入的 Paypal 徽标，在与主页相同的位置保持静态。因此，如果我在产品页面上，它会在页面的最后一行和贝宝徽标之间产生间隙。

http://www.mariamseddiq.com/ -> Paypal 标志在正确的位置 http://www.mariamseddiq.com/bridal/ -> 本页最后一行与页底有很大差距.

下面是页脚代码：

<div id="ContainerFooter">
    <div class="Center">
        <div id="FooterUpper">

            <div class="Column">%%Panel.FooterCategoryList%%</div>
            <div class="Column">%%Panel.SideShopByBrand%%</div>
                            <div class="Column">%%Panel.HomeRecentBlogs%%</div>
            <div class="Column NewsletterColumn">
                %%Panel.SideNewsletterBox%%
                %%Panel.SocialLinks%%
            </div>
        </div>
        <div id="Footer">
            %%Panel.PagesMenu%%
            <p>Copyright %%GLOBAL_Year%% %%GLOBAL_StoreName%% : %%SNIPPET_SitemapLink%%</p>



https://store-mc6v042j.mybigcommerce.com/product_images/uploaded_images/paypal-logo-transparent1.png "style="width: 150px; 左边距：750px；位置：绝对；顶部：2100px;">

%%GLOBAL_AllPricesAreInCurrency%%

4

4 回答 4

1

问题是 和 的position:absolute;组合top:2100px。absolute 属性告诉浏览器您正在定位的项目将定位在相对于其父项的固定位置。告诉它从top:2100px父级顶部定位它 2100 像素。不要以这种方式定位它，而是尝试将它定位在您希望它显示的元素下方的框（例如 div）中。

编辑：只需使用 Chrome 浏览器工具，我就禁用了这两个 css 元素，并且徽标出现在应有的位置。尝试仅删除position:absolute;top:2100px;

于 2013-06-12T12:35:29.593 回答
1

问题是，您有 2 个换行符<br>并且在图像上您有 style position:absolute; top:2100px。只需删除这两个换行符，还有 style position:absolute; top:2100px。和margin-top固定位置的地方。

<br>
<br> 
<img src=" https://store-mc6v042j.mybigcommerce.com/product_images/uploaded_images/paypal-logo-transparent1.png " 
style="width: 150px; margin-left:750px;position:absolute; top:2100px;">

将其更改为

<img src=" https://store-mc6v042j.mybigcommerce.com/product_images/uploaded_images/paypal-logo-transparent1.png "
style="width: 150px; margin-left:750px; margin-top: -50px;">
于 2013-06-12T12:35:47.277 回答
0

添加position:relative到页脚 div 并将top:2100px图像设置为top:15px或您喜欢的其他内容。

于 2013-06-12T12:37:23.077 回答
0

CSS更改：

position:relative; top:-90px;

试试这个，我的意思是在两个页面中

于 2013-06-12T12:42:30.553 回答