안녕하세요. 컨텐츠 확장위젯 순위 관련해서 궁금한게 있어서요.
팁 부분에서 웹지기 님께서 컨텐츠 확장위젯에 순위 붙이는 팁을 아래와 같이 알려주셨는데요,
https://xetown.com/lakepark/39662
아래와 같이 위젯 설정에서 HTML 출력 방식을 UL이 아닌 TABLE로 하면 순위 적용이 되지가 않더라구요.
widget.css에서 ul이 아닌 테이블 형식으로 바꿔야 하는 것 같은데, 잘 되지가 않네요ㅠㅠ
결과적으로 TABLE에서도 순위 숫자가 노출되는 방식을 혹시 아시는분 계시다면 알려주시면 감사하겠습니다.
그럼 부탁드리겠습니다.
감사합니다.
![A.PNG [File Size:14.5KB/Download:7]](/files/download/link/680662/688b3573221d02bce3561deb85149ea2/A.PNG){kind=link}
댓글 6
답변 감사합니다. 위 경로에서 normal.html에 테이블 구간에도 넣긴 하였는데요,
순위는 이제 정상적으로 출력이되나, css부분에서 순위 디자인이 들어가져있지를 않아서요~
css부분에서는 테이블 부분을 어떻게 입력해야 하는지 알려주시면 감사하겠습니다.(__)
위 경로에서는 아래와 같이 되어있는데, 저걸 테이블형 css로 어떻게 바꾸는지 감이 안잡혀서요!
ul.widgetA li span.rank1{padding:0 4px;background-color: #FFA648; color: #FFF; font-weight:bold;}
ul.widgetA li span.rank2{padding:0 4px;background-color: #FFB85A; color: #FFF; font-weight:bold;}
ul.widgetA li span.rank_normal{padding:0 4px;background-color: #DDD;color: #666;}
답변 감사합니다. 말씀주신 부분처럼 아래와 같이 수정하였는데 css가 먹히지 않네요ㅠㅠ
한 번만 다시 봐주실 수 있으실까요~? 정말 감사합니다.
table.widgetA span.rank1{padding:0 4px;background-color: #FFA648; color: #FFF; font-weight:bold;}
table.widgetA span.rank2{padding:0 4px;background-color: #FFB85A; color: #FFF; font-weight:bold;}
table.widgetA span.rank_normal{padding:0 4px;background-color: #DDD;color: #666;}
table.widgetA를 table.widgetTableA 으로 바꿔주세요!