css - DotNetNuke 幻灯片容器中的错误

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>