skip navigation

게시판(입력형)

  • - 게시판에 사용되는 테이블 형식의 상세화면입니다.

상세내용이 테이블 내에 뿌려지는 경우

[VIEW]
테이블 제목 - 테이블 설명
제목 현대카드 M포인트를 신세계상품권으로 교환 등록일 2014-10-16
내용
상세 내용 삽입 영역
[CODE]
<div class="tb_row"> <table border="1"> <caption>테이블 제목 - 테이블 설명</caption> <colgroup> <col style="width:160px;" /> <col /> <col style="width:180px;" /> <col style="width:200px;" /> </colgroup> <tbody> <tr> <th scope="row">제목</th> <td>현대카드 M포인트를 신세계상품권으로 교환</td> <th scope="row">등록일</th> <td>2014-10-16</td> </tr> <tr> <th scope="row">내용</th> <td colspan="3"> <div> 상세 내용 삽입 영역 </div> </td> </tr> </tbody> </table> </div>

개발 상 상세내용이 테이블 밖에 뿌려지는 경우

[VIEW]
테이블 제목 - 테이블 설명
제목 현대카드 M포인트를 신세계상품권으로 교환 등록일 2014-10-16
상세 내용 삽입 영역
파일첨부영역

[CODE]
<div class="tb_row"> <table border="1"> <caption>테이블 제목 - 테이블 설명</caption> <colgroup> <col style="width:160px;" /> <col /> <col style="width:180px;" /> <col style="width:200px;" /> </colgroup> <tbody> <tr> <th scope="row">제목</th> <td>현대카드 M포인트를 신세계상품권으로 교환</td> <th scope="row">등록일</th> <td>2014-10-16</td> </tr> </table> <div class="b_cont" style="width:815px;height:200px;"> <div class="cont_view" style="height:100px;">상세 내용 삽입 영역</div> <fieldset class="file_statch"> <legend>파일첨부영역</legend> <dl> <dt><label for="cs_file01">첨부파일</label></dt> <dd> <input type="file" id="cs_file01" class="file" style="width:320px;"><br> <input type="file" id="cs_file02" class="file" title="두번째 첨부파일 찾기" style="width:320px;"> </dd> </dl> </fieldset> </div> <div class="detail_paging"> <div class="p_view"><a href="#" title="이전글 보기">이전글</a></div> <div class="n_view"><a href="#" title="다음글 보기">다음글</a></div> </div> </div>