묻고답하기
포인트랭킹 간격이 너무 넓어요
2009.02.23 22:51
제로보드 기본 포인트랭킹 적용을 했는데요
1위와 2위 사이의 폭 간격이 왜이리 넓을까요.? 간격들을 좁게 줄일려면
아래 CSS 파일에서 어느 부분을 수정해야하나요.?
알려주심 감사드리겠습니다
.sz_point h2 { margin:0; height:21px; padding:9px 0 0 9px; font-size:1em;}
.sz_point ul { margin:0; padding:0; list-style:none; }
.sz_point ul li { margin-bottom:5px; }
.sz_point ul li div.title { background:url(../images/default/bullet.gif) no-repeat left top; padding-left:15px; }
.sz_point ul li div.title { float:left; }
.sz_point ul li div.point { float:right; white-space:nowrap;}
.sz_point ul li div.link { float:right; white-space:nowrap; margin-left:10px;}
.sz_point .sz_Box_000{border:solid 0;padding:0;}
.sz_point .sz_Box_001{ margin:1px; border:solid 1px;border-color:#E7E7E7;padding:5px 5px 2px 5px;background-color:#F4F4F4;color:#696969;}
.sz_point .sz_Box_002{ margin:1px; border:solid 1px;border-color:#DDEAA8;padding:5px 5px 2px 5px;background-color:#FBFDF1;color:#99B81A;}
.sz_point .sz_Box_003{ margin:1px; border:solid 1px;border-color:#F9D5D5;padding:5px 5px 2px 5px;background-color:#FEF6F6;color:#D98383;}
.sz_point .sz_Box_004{ margin:1px; border:solid 1px;border-color:#EFDAF4;padding:5px 5px 2px 5px;background-color:#FCF7FD;color:#AF69C0;}
.sz_point .sz_Box_005{ margin:1px; border:solid 1px;border-color:#DCDFF6;padding:5px 5px 2px 5px;background-color:#F6F7FE;color:#7381EA;}
.sz_point .sz_Box_006{ margin:1px; border:solid 1px;border-color:#DAEAEE;padding:5px 5px 2px 5px;background-color:#F0F6F8;color:#619DAC;}
.sz_point .sz_Box_007{ margin:1px; border:solid 1px;border-color:#D5EDDD;padding:5px 5px 2px 5px;background-color:#EFF9F2;color:#6FB587;}
.sz_point .sz_Box_008{ margin:1px; border:solid 1px;border-color:#FFEC15;padding:5px 5px 2px 5px;background-color:#FFFCDF;color:#FF9900;}
.sz_point .sz_Box_009{ margin:1px; border:solid 1px;border-color:#9DD7E8;padding:5px 5px 2px 5px;background-color:#F8FDFF;color:#0A8DBD;}
.sz_point a {text-decoration:none;}
.sz_point .sz_Box_001 a { color:#696969;}
.sz_point .sz_Box_002 a { color:#99B81A;}
.sz_point .sz_Box_003 a { color:#D98383;}
.sz_point .sz_Box_004 a { color:#AF69C0;}
.sz_point .sz_Box_005 a { color:#7381EA;}
.sz_point .sz_Box_006 a { color:#619DAC;}
.sz_point .sz_Box_007 a { color:#6FB587;}
.sz_point .sz_Box_008 a { color:#FF9900;}
.sz_point .sz_Box_009 a { color:#0A8DBD;}
댓글 6
-
aa
2009.02.23 23:11
-
miso777
2009.02.23 23:31
sz_point h2 { margin:0; height:21px; 랑 .sz_point ul li { padding-bottom:3px; } 숫자를 조정해봣는데 좁혀지지가 않아요 -
老姜君
2009.02.24 12:57
이 스킨을 안써봐서 잘은 모르겠는데.
.sz_point ul li { margin-bottom:5px; } 이걸 지워보시거나.
.sz_point .sz_Box_001{ margin:1px; border:solid 1px;border-color:#E7E7E7;padding:5px 5px 2px 5px;background-color:#F4F4F4;color:#696969;}
.sz_point .sz_Box_002{ margin:1px; border:solid 1px;border-color:#DDEAA8;padding:5px 5px 2px 5px;background-color:#FBFDF1;color:#99B81A;}
.sz_point .sz_Box_003{ margin:1px; border:solid 1px;border-color:#F9D5D5;padding:5px 5px 2px 5px;background-color:#FEF6F6;color:#D98383;}
.sz_point .sz_Box_004{ margin:1px; border:solid 1px;border-color:#EFDAF4;padding:5px 5px 2px 5px;background-color:#FCF7FD;color:#AF69C0;}
.sz_point .sz_Box_005{ margin:1px; border:solid 1px;border-color:#DCDFF6;padding:5px 5px 2px 5px;background-color:#F6F7FE;color:#7381EA;}
.sz_point .sz_Box_006{ margin:1px; border:solid 1px;border-color:#DAEAEE;padding:5px 5px 2px 5px;background-color:#F0F6F8;color:#619DAC;}
.sz_point .sz_Box_007{ margin:1px; border:solid 1px;border-color:#D5EDDD;padding:5px 5px 2px 5px;background-color:#EFF9F2;color:#6FB587;}
.sz_point .sz_Box_008{ margin:1px; border:solid 1px;border-color:#FFEC15;padding:5px 5px 2px 5px;background-color:#FFFCDF;color:#FF9900;}
.sz_point .sz_Box_009{ margin:1px; border:solid 1px;border-color:#9DD7E8;padding:5px 5px 2px 5px;background-color:#F8FDFF;color:#0A8DBD;}
여기서 줄 중간쯤에 계속 나오는 5px 5px 2px 5px를 전부 5px 5px 0px 5px로 바꿔 보세요. -
miso777
2009.02.25 02:17
위 방법도 해결되지가 않네요..기본 제로보드 랭킹포인트 코드 생성해서 사용한건데
왜 유독 저만 저렇게 넓게 간격들이 넓은지 알수가 없네요... -
만쓰별(정만)
2009.02.25 16:21
해당증상이 나타나는 페이지 주소가 어떻게 되시는지요... -
만쓰별(정만)
2009.02.25 16:27
파이어폭스를 까시고 파이버그 추가기능을 설치하시고 파이어버그로 해당 페이지를 분석하시면 파이버그 기능 중에 레이어가 어떻게 형성되어있는지 색으로 구분해주는 기능이 있습니다. 해당 태그에 패딩과 마진 값등이 얼마 설정되어있는지 알 수 있게 해주는 추가기능을 활용해 보시면 앞으로 많은 문제를 스스로 해결하실 수 있는 약간의 도움이 되실거라 생각이 되네요.. 매번 묻고 답변 기다리기 힘드시잖아요 ^^
li태그에 padding-bottom 값을 조절해봐야 하지 않을까요... -_-;;;;;;;;;