Question

我是DNN的新手，所以我非常感谢你的帮助。我采用了以下DNN主题“DNN capastrano theme” 并使用它实现了我的网站。在我完成所有内容之后，我尝试了一些主页上方的幻灯片容器，它的样式发生了变化，它没有显示像素，所以“聪明的我”我开始使用此容器的原始网站代码编辑其内容，但它是根本不工作。我不再拥有第一个版本了。我该怎么办？

这是我为它写的最后一个代码：

 <div class="DnnModule DnnModule-DNN_HTML DnnModule-369"><a name="369"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr369_ContentPane"><!-- Start_Module_369 -->
<div id="dnn_ctr369_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr369_HtmlModule_lblContent" class="Normal">
<div id="container">
<div id="example">
<div id="slides">
<div class="slides_container" style="overflow: hidden; position: relative; display: block;">
<div class="slides_control" style="position: relative; width: 2940px; height: 380px; left: -980px;"><a title="banner 1" href="#" style="position: absolute; top: 0px; left: 980px; z-index: 0; display: none;"><img width="980" height="380" alt="Slide 1" src="/portals/0/Images/Banner1.jpg?1382021639165" /></a><a title="banner 2" href="#" style="position: absolute; top: 0px; left: 980px; z-index: 0; display: none;"><img width="980" height="380" alt="Slide 2" src="/portals/0/Images/Banner2.jpg" /></a><a title="banner 3" href="#" style="position: absolute; top: 0px; left: 980px; z-index: 5; display: block;"><img width="980" height="380" alt="Slide 3" src="/portals/0/Images/Banner3.jpg" /></a><a title="banner 4" href="#" style="position: absolute; top: 0px; left: 980px; z-index: 0; display: none;"><img width="980" height="380" alt="Slide 4" src="/portals/0/Images/Banner4.jpg" /></a></div>
</div>
<div class="pagination_wrap">
<a class="prev" href="#">&nbsp;</a>
<a class="next" href="#">&nbsp;</a>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- End_Module_369 --></div>
<div class="clear"></div>
</div>
</div>

Answer 1

您正在复制HTML模块中的太多内容：

我认为这是其中的内容（默认情况下） - 下面不是很好但如果不起作用则取出包装

 <div id="container">
<div id="example">
<div id="slides">
<div class="slides_container" style="overflow: hidden; position: relative; display: block;">
<div class="slides_control" style="position: relative; width: 2940px; height: 380px; left: -980px;"><a title="banner 1" href="#" style="position: absolute; top: 0px; left: 980px; z-index: 0; display: none;"><img width="980" height="380" alt="Slide 1" src="/capastrano/portals/0/Images/Banner1.jpg?1382628851302"></a><a title="banner 2" href="#" style="position: absolute; top: 0px; left: 980px; z-index: 5; display: block;"><img width="980" height="380" alt="Slide 2" src="/capastrano/portals/0/Images/Banner2.jpg"></a><a title="banner 3" href="#" style="position: absolute; top: 0px; left: 980px; z-index: 0; display: none;"><img width="980" height="380" alt="Slide 3" src="/capastrano/portals/0/Images/Banner3.jpg"></a><a title="banner 4" href="#" style="position: absolute; top: 0px; left: 980px; z-index: 0; display: none;"><img width="980" height="380" alt="Slide 4" src="/capastrano/portals/0/Images/Banner4.jpg"></a></div>



</div>
<div class="pagination_wrap">
<a class="prev" href="#">&nbsp;</a>
<a class="next" href="#">&nbsp;</a>
</div>
<ul class="pagination"><li class=""><a href="#0">1</a></li><li class="current"><a href="#1">2</a></li><li class=""><a href="#2">3</a></li><li class=""><a href="#3">4</a></li></ul></div>
</div>
<div class="clear"></div>
</div>

DotNetNuke幻灯片容器中的错误

1 个答案: