영카트 메인 제품 테두리 문의드립니다.
본문
영카트 메인 제품 테두리 문의드립니다.
테두리를 주면 제품사진우측만 테두리가 안들어가는데 어떻게 해야하나요?
/* 상품 목록 스킨 10 */
.sct_10 .sct_li {position:relative;float:left;margin:0 15px 15px 0;text-align:center;border:1px solid #aaa;}
.sct_10 .sct_last {margin:0 0 15px !important}
.sct_10 .sct_clear {clear:both}
.sct_10 .sct_img{position:relative;}
.sct_10 .sct_sns{display:none;position:absolute;bottom:10px;right:0px;text-align:center;z-index:60;width:100%}
.sct_10 li:hover .sct_sns{display:block}
.sct_10 .sct_sns a{display:inline-block;border-radius:50%;margin:2px ;width:40px;text-align:center;height:40px;padding:10px 0;background:rgba(0,0,0,0.4)}
.sct_10 .sct_sns .share-facebook:hover{background:#415b92}
.sct_10 .sct_sns .share-twitter:hover{background:#35b3dc}
.sct_10 .sct_sns .share-googleplus:hover{background:#d5503a}
.sct_10 .sct_sns img{width:18px}
.sct_10 .sct_icon {margin:10px 0}
.sct_10 .sct_cost {margin:10px 0;font-size:1.167em}
.sct_10 .sct_cost .sct_discount{display:block;color:#999;font-size:0.92em;text-decoration:line-through;}
.sct_10 .sct_txt{display:block;margin:10px 0;font-size:1.167em;font-weight:bold}
.sct_10 .sct_basic{color:#666;margin:5px 0}
.sct_10 .shop_icon_1 {} /* 히트 아이콘 */
.sct_10 .shop_icon_2 {} /* 추천 아이콘 */
.sct_10 .shop_icon_3 {} /* 최신 아이콘 */
.sct_10 .shop_icon_4 {position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;font-weight:bold} /* BEST 아이콘 */
.sct_10 .shop_icon_5 {} /* 할인 아이콘 */
답변 2
이미지 크기를 줄여보세요
또는 해당 이미지 폭이 100%가 되도록 스타일을 만들어보세요
크롬 개발자 도구(F12)를 사용하여 어떤 부분으로 인해 해당문제가 발생하는지를 파악하는 것이 좋은데..
지금의 css 만으로는 알기가 어려운 것 같습니다.
가능성은 조금 낮아보이지만.. 추측해 보자면.. 이미지가 오른쪽 테두리선에 영향을 미치는 것 같기도 합니다.
.sct_img 의 너비를 99%~95% 로 줄여볼 수도 있을 것 같습니다.
.sct img {position: relative;width: 99%;}
답변을 작성하시기 전에 로그인 해주세요.