문제 해결

• 목록
• 스크랩

문제 증상

게시판 작성 페이지에 여분 필드(wr_1~wr_10)를 추가하는 과정에서, 특정 입력 폼(select 등)이 의도한 위치에 출력되지 않고 페이지 상단으로 밀려 올라가거나 전체적인 테이블 레이아웃이 깨지는 현상이 발생합니다.

원인

그누보드 게시판 스킨은 기본적으로 HTML 테이블(table, tr, td) 구조를 사용하여 입력 폼을 배치합니다. tr 태그 내부에 td 태그 없이 select와 같은 입력 요소를 직접 배치하면 브라우저가 이를 올바른 테이블 구조로 인식하지 못해 렌더링 오류가 발생합니다.

해결 방법

모든 입력 폼 요소는 반드시 tr 태그 안의 td 태그 내부에 위치해야 합니다. 아래의 수정 전후 예시를 참고하여 코드를 수정하십시오.

수정 전 (오류 발생 코드)

<tr> <select name="wr_4" id="wr_4" required> <option value="">테스트4</option> ... </select> </tr>

수정 후 (올바른 코드)

<tr> <th scope="row"><label for="wr_4">테스트4</label></th> <td> <select name="wr_4" id="wr_4" required> <option value="">테스트4</option> ... </select> </td> </tr>

주의사항 및 확인

수정 전 반드시 작업 중인 write.skin.php 파일을 백업하십시오. 코드를 수정한 후에는 게시판 글쓰기 화면을 새로고침하여 입력 폼이 의도한 순서대로 정상 출력되는지 확인하시기 바랍니다.

함께 보면 좋은 글

• 그누보드5 게시판 읽기 페이지 view.skin.php에서 여분 필드 wr_1 wr_2 wr_3 출력하는 방법
• 그누보드 게시판 글쓰기 스킨 write.skin.php 구조와 입력 폼 구성 요소 분석
• 그누보드 게시판 및 전체 검색 결과에 여분 필드 포함하는 방법