DotNetNuke 슬라이드 컨테이너에 오류가 있습니다.

Question

저는 DNN을 처음 사용했기 때문에 귀하의 도움에 정말 감사드립니다. 다음 DNN 테마 "DNN capastrano theme" 을 사용하고 그것을 사용하여 내 웹 사이트를 확인했습니다. 홈 페이지 상단에있는 슬라이드 컨테이너에 뭔가를하려고하면 그 스타일이 바뀌고 pix가 표시되지 않으므로 "영리한"나는이 컨테이너의 원본 웹 사이트 코드를 사용하여 내용을 편집하기 시작했습니다. 전혀 작동하지 않습니다. 그리고 더 이상 첫 번째 버전이 없습니다. 어떻게해야합니까 ??

그리고 이것은 내가 그것을 위해 쓴 마지막 코드 :

나는이 그에 대한 내용이라고 생각 것 (기준 : 당신이 당신의 HTML 모듈에 너무 많이 복사하는 핸드 오프

<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

기본값) - 아래는 꽤 좋지 않지만 작동하지 않으면 줄 바꿈을 사용하십시오.

<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>