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

포인트랭킹과 그 외 질문사항 채택완료

김은우 1년 전 조회 2,209

안녕하세요 고수형님들!

http://sir.kr/data/editor/2409/237255000_1725261406.1342.jpg" />

이렇게 하고싶은데 지금 제가 되있는게 

http://sir.kr/data/editor/2409/237255000_1725261460.5533.png" width="413" />

이렇게 되어있습니다. 위에처럼 네모난 박스처럼 하려면 어떻게 해야할까요?

http://sir.kr/data/editor/2409/237255000_1725261568.062.png" width="360" />

그리고 저는 왜이렇게 삐딱하게 설정이 되어있는걸까요?ㅠㅠ

http://sir.kr/data/editor/2409/237255000_1725261648.7154.png" width="340" />

고수님들 !! 답변해주시면 정말 감사드리겠습니다.

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

답변 4개

채택된 답변
+20 포인트
핑크빈
1년 전

코드를 봐야지 알것같네요. 주소있으시면 주시구요.

margin이나 padding 값 문제인거 같네요. 

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

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

s
sinbi Expert
1년 전

1. 현재는 너무 기초가 없으신 듯 해요. 

정렬 배치에 관한 기본 CSS를 좀 공부 후 작업해 보세요.

https://homzzang.com/b/css-254

 

2. 작업을 할 땐 각 요소의 테두리를 보이게 한 후 작업하면 펀리합니다.

해당 HTML 요소들에 아래 코드 일단 넣으신 후, 작업해 보세요.

각 요소의 색상코드를 다르게 해야 구조 파악에 용이합니다.

style="border:1px solid gray; box-sizing:border-box;"

 

3. 도저히 혼자 못하겠다 싶을 땐, 해당 URL 주소를 공개 후 도움을 구해보세요.

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

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

김은우
1년 전

@핑크빈 왜 됐습니다!! 됐는데 

이게 갑자기 왜이러죠? 방문자가 포인트 순위 옆으로 달라붙었어요 ㅠㅠ

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

답변에 대한 댓글 1개

핑크빈
1년 전
.pl_rank_ul ul{margin:0;padding:0;overflow:hidden;list-style:none}
이렇게 바꿔보세요.

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

김은우
1년 전

전체 포인트 순위
    '{$row[mb_point]}' {$sql_common} order by mb_point desc, mb_today_login desc limit {$rank_rows} "; $result = sql_query($sql); for ($i=0; $row=sql_fetch_array($result); $i++) {     $rank = number_format($i + 1);     //$rank_name = get_sideview($row['mb_id'], $row['mb_nick'], $row['mb_email'], $row['mb_homepage']);     $rank_name = $row['mb_nick'];     $point = number_format($row['mb_point']);     if ($rank == 1) {         $rank_bg = ' rank_bg1';     } else if ($rank <= 3) {         $rank_bg = ' rank_bg2';     } else {         $rank_bg = '';     } ?>    
 
   

 

이렇게 되어있습니다.

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

답변에 대한 댓글 2개

핑크빈
1년 전
주소는 따로없나요?
핑크빈
1년 전
.pl_rank{clear:both;position:relative;margin:0 auto;width:100px;padding:8px 0 5px}
이부분을
.pl_rank{clear:both;position:relative;margin:0 auto;width:100%;padding:8px 0 5px}
으로 바꿔보세요.

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

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

로그인