테스트 사이트 - 개발 중인 베타 버전입니다

모바일 상품리스트 이미지 설정 문의 드립니다. 채택완료

주니어 6년 전 조회 3,169

안녕하세요.. 왕초보입니다..

상품리스트에서 리스트뷰 작업중인데요...

상품이미지가 생각처럼 딱 맞게 들어가질 않습니다.

해서 도움을 청합니다...

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개

채택된 답변
+20 포인트

.sct_20 .sct_li 에 display:inline-block; 을 추가해보시겠어요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

주니어
6년 전
도움 답변에 감사 드립니다.
잘 해결했습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인