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

히트,추천,신상,베스트등의 유형별 아이콘들을 상품 이미지 위에 올려 놓는 방법을 알고 싶습니다. 채택완료

히트,추천,신상,베스트등의 유형별 아이콘들을 리스트 상에 있는 상품 이미지 위에 올려 놓을 수 있는 방법이 있을까요? 

 

고수님들의 도움 부탁드립니다.^^

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

답변 3개

채택된 답변
+20 포인트

상품 관련 리스트가 노출되는 곳의 레이아웃을 변경하시거나 스타일을 수정하시면 됩니다.

 

가령 영카트 기본형의 인덱스에 노출되는 상품이미지들은

으로 랩핑되어 있으니 이 디자인을 아래와 같이 변경하시면 됩니다.

 

.<span style="font-size: 11pt;">sct_icon {</span></p><p><span style="font-size: 11pt;">  position: absolute;</span></p><p><span style="font-size: 11pt;">  left: 0; /* 원하는 위치값 */</span></p><p><span style="font-size: 11pt;">  top: 0; /* 원하는 위치값 */</span></p><p><span style="font-size: 11pt;">  z-index: 1000;</span></p><p><span style="font-size: 11pt;">}</span></p><p><span style="font-size: 11pt;">
 

 

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

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

해결 되었습니다. 채택을 한 분 밖에 못해서 죄송합니다. 두 분께 너무 감사드립니다.^^!!! 

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

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

 </p><p>.smt_10_main .smt_icon {float:right;
                         position:absolute;
                         text-align:right;
                         width:40px;
                         top:8px;
                         right:-6px;
                         } </p><p>
 

 

이런식으로 하시면 이렇게 적용됩니다. 



 

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

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

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

로그인

전체 질문 목록

🐛 버그신고