0

感谢您抽出时间来阅读。描述问题的最简单方法是查看它http://foscam-uk.com/index.php (请注意,这是运行正确的 styles.css 而不是theme316,如本文后面所述)

如您所见,特色产品和畅销书块已移动到页面的最右侧,此时它们应该看起来像上面带有 jQ​​uery 滑块的图像:http: //i.imgur.com/cl9fc.jpg

我相信 style.css 中有一些东西可以在这里找到http://foscam-uk.com/skin/frontend/default/mt_segina/css/styles.css因为我必须从以前的样式 css 中复制部分来自这里http://foscam-uk.com/skin/frontend/default/theme316/css/styles.css

jQuery 的代码也可以在这里找到:http: //foscam-uk.com/widget (注意这是从原始的theme316 css 文件运行的)。

我知道这篇文章有点长,非常感谢所有花时间看这篇文章的人。

问候

4

2 回答 2

0

我是否正确假设您的意思是块已移动到页面的最左侧

我可以看到发生的是你有一个导致它粘在左边的东西float:leftdiv.col-main此外,您为此 div 680px设置的宽度对于畅销商品和特色产品来说都太小了。尝试增加宽度以匹配其上方的 jQuery 滑块,并设置自动边距以使其水平居中。例如:

.col-main {
    width: 954px;
    padding: 0 0 1px;
    margin: 0 auto;
}

或者你可以让它div.col-main嵌套在里面,div.wrapper而不用费心添加自定义宽度。

于 2012-06-05T02:33:57.763 回答
0

看起来 jQuery 和 Prototype 之间存在冲突。你是如何在你的网站中调用 jQuery 的?请参阅此博客了解更多信息: http ://www.fontis.com.au/blog/magento/using-jquery-magento

http://css-tricks.com/using-jquery-in-magneto/

有很多关于在 magento 中使用 jQuery 的文章。

于 2012-06-05T03:04:50.990 回答