수다닷컴

메이크샵 이용한 쇼핑몰인데요! 제가 워낙 초보라서 이걸로 헤매면 안 되는 것같은데 한시간 째 헤매고 있습니다ㅠ.ㅠ

메인 페이지의 중앙 배너인데요! 위 쪽 작은 배너들 호버하면 아래 이미지도 바뀌어서 클릭하면 링크 걸린 페이지로 넘어가는

배너입니다! 그런데 좌측 배너들은 원래부터 있었는데 우측에는 원랜, 좌측 배너에 맞는 상품 목록이었습니다.

상품 목록이 뜨는 소스를 싹 지우는 것까진 잘 됐는데, 좌측 배너처럼 우측에도 이미지를 넣어서 똑같이 하고 싶은데

그게 계속 틀어지고 저 영역 안에 들어가질 않습니다.. 이런 것도 질문드려도 되나요?

힌트만이라도 주시면 감사히 참고하겠습니다!!!

★★★ 편집 소스

div class=area_tab
div class=sliderkit contentslider-tab
div class=sliderkit-nav
div class=sliderkit-nav-clip
ul!--2단탭제어--
/* 윗 줄 작은 배너 */
lia href=/shop/img src=ban_tab01_off.gif onmouseover=on(this) onmouseout=off(this) alt= //a/li
lia href=/shop/img src=ban_tab02_off.gif onmouseover=on(this) onmouseout=off(this) alt= //a/li
/ul
/div
/div
div class=sliderkit-panels /* 아래 큰 배너 */
div class=sliderkit-panel clear
p class=float_limg src=ban_tab1.jpg usemap=#ban_tab1 alt= //p
/div
div class=sliderkit-panel clear
p class=float_limg src=ban_tab2.jpg usemap=#ban_tab2 alt= //p
/div
/div

div class=sliderkit-nav-clip1
ul!--2단탭제어--
lia href=/shop/img src=ban_tab03_off.gif onmouseover=on(this) onmouseout=off(this) alt= //a/li
lia href=/shop/img src=ban_tab04_off.gif onmouseover=on(this) onmouseout=off(this) alt= //a/li
/ul
/div
/div
div class=sliderkit-panels
div class=sliderkit-panel clear
p class=float_rimg src=ban_tab3.jpg usemap=#ban_tab3 alt= //p
/div
div class=sliderkit-panel clear
&np class=float_rimg src=ban_tab4.jpg usemap=#ban_tab4 alt= //p
/div

!--p class=tab_iconimg src=tab_icon.png/p --
/div

★★★ css.contentslider-tab { position:relative; }

.contentslider-tab .tab_icon{position:absolute; top: 30px; right: 8px; z-index: 999; }
.contentslider-tab .area_prdlist {width: 540px;padding: 0px 20px 20px 10px; }

/* Nav */
.contentslider-tab .sliderkit-nav { position:relative; width:1098px; text-align: center; }
.contentslider-tab .sliderkit-nav-clip{ position:absolute; top:0px; left:0px;}
.contentslider-tab .sliderkit-nav-clip li{ display:block; padding:0px; margin:0px; width:210px; height:30px; font-size:11px; list-style:none; float:left; border:1px solid #ededed; border-left:0px;}
.contentslider-tab .sliderkit-nav-clip li:first-child { border-left:1px solid #ededed;}
.contentslider-tab .sliderkit-nav-clip li a{ cursor:pointer; width:210px; height:30px; color:#848484; font-family:돋움; background-color:#dce3f3; display:block; line-height:30px; }
.contentslider-tab .sliderkit-nav-clip li a:hover { color:#000000; background-color:ffffff; display:block; }

.contentslider-tab .sliderkit-nav-clip li.sliderkit-selected a { color:#000000; background-color:#c9d5f2; height:31px; }

/* Panel */
.contentslider-tab .sliderkit-panels {width:1098px; height:279px; overflow:hidden; font-size:0px; float:left; padding-top:31px; }
.contentslider-tab .sliderkit-panel {width:1098px; height:277px; overflow:hidden; border:1px solid #ededed; }/*중앙배너우측추가*/
.contentslider-tab .sliderkit-nav-clip1{position:absolute; top:0; right:0;}
.contentslider-tab .sliderkit-nav-clip1 li{ display:block; padding:0px; margin:0px; width:210px; height:30px; font-size:11px; list-style:none; float:right; border:1px solid #ededed; border-left:0px;}
.contentslider-tab .sliderkit-nav-clip1 li:first-child { border-left:1px solid #ededed;}.contentslider-tab .sliderkit-nav-clip1 li.sliderkit-selected a { color:#000000; background-color:#c9d5f2; height:31px; }

/* Panel */
.contentslider-tab .sliderkit-panels {width:1098px; height:279px; overflow:hidden; font-size:0px; float:right; padding-top:-200px; }
너무 보기 힘들게 올려드렸나요...? 고수님들 부탁드립니다.. 뭐가 잘못됐는지만이라도 알고싶습니다ㅠㅠ

신청하기