그누보드 페이징 문제 - 스킨 페이지 번호 위치 제 자리 넣기
페이지 정보
조회 543회 작성일 22-06-05 12:19
본문
페이징 문제
스킨 페이지 번호 위치 제 자리 넣기
그누보드 스킨을 사용하다보면, 게시판 페이지 번호가 엉뚱한 곳에 표시되는 경우가 있다.
이렇게 페이징 문제가 생길 때 간단하게 체크할 해결 방법을 살펴 본다.
페이징 문제 - 스킨 페이지 번호 위치 제 자리 넣기
스킨 페이징 문제 왜 일어나나?
결론 먼저 말하자면, position를 마구 남발했기 때문에 생기는 문제다.
다른 설정을 주지 않는다면 Div는 자동으로 다음 줄로 넘어가도록 되어 있다. 그런데 그 이전에 relative나 absolute 같은 것을 마구 주기 때문에, 이 부분에서도 속성이 꼬이는 것이다.
그렇다면 해결법은?
position로 생긴 문제이기 때문에, 아이러니하게도 position 속성을 바꿔서 해결하는 것이 가장 간단하다. 물론 근본적인 해결 방법은 아니지만...
게시판 페이지 번호 위치 설정
위에서 설명한 대로, 근본적인 방법은 아니더라도 가장 머리가 덜 아픈 해결 방법은 할 수 없이 position 변경이다.
일단 문제가 되는 스킨의 list.skin.php를 연다.
여기에서 "$write_pages"라는 부분을 찾는다. Ctrl+F가 가장 편하다.
[code]
<?php echo $write_pages; ?>
[/code]
$write_pages는 페이지 번호가 자동으로 매겨지도록 하는 것이다.
속성을 주기 위해 이것을 새로운 div로 감싸고 id나 class를 만든다.
[code]
<div id="아이디이름" class="클래스이름">
<?php echo $write_pages; ?>
</div>
[/code]
마지막으로 CSS파일에서 위에 적어둔 "아이디이름"에 대한 속성을 정해 준다.
[code]
<style type="text/css">
#아이디이름 { position:relative; }
</style>
[/code]
게시판 페이징 - 실험해 보자
물론 아래처럼 해도 된다. 즉, #아이디로 정하든 .클래스로 하든 되는 걸로 하면 된다는 뜻이다. 그러므로 여러 번 실험이 필요할 수도 있다.
[code]
.클래스이름 { position:absolute; }
[/code]
relative으로 할 것인지, absolute로 할 것인지는 상황에 따라 다르다. [저작권법 표시] 원본 출처 : 키스세븐(www.kiss7.kr)
애초에 만든 사람이 어떤 것을 남발했는지에 따라 달라지기 때문이다.
아무튼 결론은 속성을 바꾸면 해결되는 경우가 많으며, 어떤 것이 해결되는 속성인지는 실험해 봐야 안다는 것이다.