我的网站上有一个camera.js滑块，我把它换成了Flexslider。我这样做是因为我无法使camera.js滑块可点击，我想去掉"点击此处"按钮。现在我在我的网站上安装了flexslider，我想带回两条横幅，它们在我的站点上我的camera.js滑块旁边，但我没有让它工作。。。
这是我的主页，你可以看到横幅没有显示在滑块的右边，但它们显示在错误的地方：
https://i.stack.imgur.com/yESl9.jpg
我想在滑块的右边有两个381 x 219尺寸的横幅，一个在另一个上面。
代码如下：
<div class="container">
<div class="row">
<div class="span12">
<script type="text/javascript">// <![CDATA[
jQuery.noConflict();
{{widget type="cms/widget_block" template="cms/widget/static_block/default.phtml" block_id="25"}}
</script>
<ul class="banner-block-right">
<li><a href="{{store url='nieuwe-producten'}}"> <img src="{{skin url='images/media/banners-8.png'}}" alt="" /> </a></li>
<li><a href="{{store url='klantenservice'}}"> <img src="{{skin url='images/media/banners-7.png'}}" alt="" /> </a></li>
</ul>
</div>
</div>
</div>
只是为了澄清：
- 我使用了以下代码：script type="text/javascript">//etc
因为我的导航栏有问题，当我放入新滑块时，它就不再工作了。
- 我把滑块放在一个小部件里，只是因为我觉得这会更容易
所以我的问题是，我必须在代码中进行什么调整，才能在flexslider旁边有两个小横幅？
Btw。当我使用该脚本使导航栏工作时，默认的magento定价布局又回来了，这就像使导航栏正常工作或使magento价格处于正确的布局。我选择导航栏哈哈，有人知道这个的修复方法吗？
编辑：flexslider 的CSS代码
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {max-width: 700px; margin: -20; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
display: block;
max-width: 100%; height: auto; margin: - auto;
}
这取决于您的CSS。
检查是否：
- 您的banner block right类上没有"clear"样式的规则。"clear"将清除浮动
- 检查滑块和标题栏右侧是否都有浮动规则
- 检查滑块是否不太宽
如果它不起作用，也许你可以发布css的相关部分。
查看网页后更新
问题是ul元素没有嵌套在div行中。检查你的网页会给我以下嵌套结构：
<div class="container">
<div class="row">
<div class="span12">
<script type="text/javascript">
<script src="http://www.site.nl/js/magestore/bannerslider/jquery.flexslider.js">
<link media="all" href="http://www.site.nl/skin/frontend/base/default/css/magestore/bannerslider/flexslider.css" type="text/css" rel="stylesheet">
<script type="text/javascript">
<div class="flexslider flexslider-7-1">
<script type="text/javascript">
</div>
</div>
<script type="text/javascript">
</div>
<ul class="banner-block-right">
因此，您的小部件正在关闭.contain和.rowdiv。您插入的模板可能在末尾有很多div结束标记。
啊哈！这帮了我一把！现在就是它需要的样子！非常感谢！
我去掉了这个小部件，并在3个结束div之后将代码粘贴到cms中。现在它也响应了：)
唯一仍然是一个问题的是，由于使用脚本来保持下拉列表的工作，它将定价的布局更改为默认的magento。。。我该怎么解决这个问题？