홈페이지 하단 슬라이드 가로길이가 열리는 창크기에 따라 변경이 되요. 상관없이 고정하고 싶습니다.

홈페이지 하단 슬라이드 가로길이가 열리는 창크기에 따라 변경이 되요. 상관없이 고정하고 싶습니다.

QA

홈페이지 하단 슬라이드 가로길이가 열리는 창크기에 따라 변경이 되요. 상관없이 고정하고 싶습니다.

답변 1

본문

 
홈피에서 보시면 하단에 슬라이드 가로길이가 처음 열리는 창 크기대로 설정이 되는거에요.
 
창을 작게해서 열면 그 넓이 그대로 슬라이드길이가 고정되고 최대화하게 해서 열면은 제정상적으로 보이는거에요.
 
이 슬라이드 가로길이를 딱 고정시키고 싶은데 방법이 있을까 하여 질문을 올립니다. 도와주시면 정말 감사하겠습니다.
 
__" 꾸벅. ps: 가로길이와 세로길이를 다줬는데도 이런 현상이 발생해요.
 
ucnetworks_co_kr_20140107_101512.jpg
 

 
<table  width="100%" border="0" cellpadding="0"  background="../images/jch/main/bggra3.jpg" style="background-repeat:repeat-x; margin:0 auto;"  cellspacing="0" >
<tR>
<td height="90" >
 <table  width="1060" border="0" cellpadding="0" height="90"  cellspacing="0" style="margin:0 auto;">
 <tr>
 <td  width="1060" height=90 >
<link href="../js/jch/main/amazon_scroller.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="../js/jch/main/amazon_scroller.js"></script>
        <script language="javascript" type="text/javascript">
            $(function() {
    $("#amazon_scroller2").amazon_scroller({
                    scroller_title_show: 'disable',
                    scroller_time_interval: '3000',
                    scroller_window_background_color: "none",
                    scroller_window_padding: '20',
                    scroller_border_size: '0',
                    scroller_border_color: '#CCC',
                    scroller_images_width: '150',
                    scroller_images_height: '50',
                    scroller_title_size: '12',
                    scroller_title_color: 'black',
                    scroller_show_count: '6',
                    directory: '../js/jch/images'
                });
    });
        </script>
     
        <div id="amazon_scroller2" class="amazon_scroller">
                   <div class="amazon_scroller_mask">
                       <ul>
                           <li><a href="link1" title="title1"><IMG SRC="../images/jch/main/spon/spon (1).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (1).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (1).jpg'"  ALT=""></a></li>
                           <li><a href="link2" title="title2"><IMG SRC="../images/jch/main/spon/spon (2).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (2).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (2).jpg'"  ALT=""></a></li>
                           <li><a href="link3" title="title3"><IMG SRC="../images/jch/main/spon/spon (3).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (3).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (3).jpg'"  ALT=""></a></li>
                           <li><a href="link4" title="title4"><IMG SRC="../images/jch/main/spon/spon (4).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (4).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (4).jpg'"  ALT=""></a></li>
                           <li><a href="link1" title="title5"><IMG SRC="../images/jch/main/spon/spon (5).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (5).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (5).jpg'"  ALT=""></a></li>
                           <li><a href="link2" title="title6"><IMG SRC="../images/jch/main/spon/spon (6).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (6).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (6).jpg'"  ALT=""></a></li>
                           <li><a href="link3" title="title7"><IMG SRC="../images/jch/main/spon/spon (7).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (7).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (7).jpg'"  ALT=""></a></li>
                           <li><a href="link4" title="title8"><IMG SRC="../images/jch/main/spon/spon (8).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (8).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (8).jpg'"  ALT=""></a></li>
                           <li><a href="link4" title="title8"><IMG SRC="../images/jch/main/spon/spon (9).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (9).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (9).jpg'"  ALT=""></a></li>
                           <li><a href="link4" title="title8"><IMG SRC="../images/jch/main/spon/spon (10).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (10).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (10).jpg'"  ALT=""></a></li>
                       </ul>
                   </div>
                   <ul class="amazon_scroller_nav">
                       <li></li>
                       <li></li>
                   </ul>
                   <div style="clear: both"></div>
    </div>
                   <div style="clear: both"></div>
               </div>
</td>
    </tr>
    </table>
</td>
</tR>
</table>

이 질문에 댓글 쓰기 :

답변 1

해당 div의 amazon_scroller2가 속해있는 테이블 때문에 그렇습니다
원하시는데로 하시고 싶다면 amazon_scroller2의 div부분을 잘라서 카피라이트에 해당하는 테이블로 옮기시면 될것같은데요
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 135
© SIRSOFT
현재 페이지 제일 처음으로