모바일 상품리스트 이미지 설정 문의 드립니다. 채택완료
안녕하세요.. 왕초보입니다..
상품리스트에서 리스트뷰 작업중인데요...
상품이미지가 생각처럼 딱 맞게 들어가질 않습니다.
해서 도움을 청합니다...
CSS와 List.10.skin.php를 계속 수정하고 있는데요..
그림과 같이 나옵니다..
어떻게 수정해야 하는지
도움 부탁드립니다..
CSS연습용으로 레이아웃에 라인을 추가해서 확인 중입니다.
/* 상품 목록 스킨 20 */
.sct_20 .sct_li{background:#fff;border-bottom:1px solid #fd051c;width:100%;height:auto;text-align:left;}
/*.sct_20 .sct_img {position:absolute;top:0;left:0} */
.sct_20 .sct_img{width:100%;height:auto;border:2px solid #05fd05;font-size:0}
.sct_20 .sct_img img{width:100%;height:auto;}
.sct_20 .li_wr{position:relative}
.sct_20 .sct_id{font-size:14px;color:#666 }
.sct_20 .sct_txt{font-weight:bold;font-size:16px;line-height:1.5em}
.sct_20 .sct_cost{font-weight:bold;font-size:14px;color:#fe0208}
.sct_20 .sct_cost_pr{}
.sct_20 .sct_sns{}
.sct_20 .li_wr.is_view_type_list{padding-left:130px;height:auto;border:1px solid #fd051c;}
.sct_20 .li_wr.is_view_type_list .sct_img{width:130px;height:auto;border:1px solid #0574fd;}
/*.sct_20 .li_wr.is_view_type_list .sct_img a{display:block}*/
.sct_20 .li_wr.is_view_type_list img{width:100%;height:auto}
-----------------------------------------------------------------------------------------

답변 1개
.sct_20 .sct_li 에 display:inline-block; 을 추가해보시겠어요?
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
잘 해결했습니다.