테이블의 항목간 간격 조정은 어디에서 하나요?
본문
그누보드5 기본 board 게시판을 수정해 사용하고 있는데요.
가로폭을 1200px로 늘려서 쓰다보니 아래 그림처럼 제목란만 엄청 넓고 나머지 항목은 좀 다닥다닥 붙어있는 느낌입니다.
그래서 제목란을 좀 줄이고 글쓴이 ,조회, 추천 ,날짜란을 늘려서 좀 보기좋게 하고 싶은데 어디서 수정해야되는지 모르겠습니다.
list.skin.php 파일에는 간격조정하는 소스는 없는거 같고 css에서 수정해줘야하는거 같은데 이 부분 소스가 아래 내용 같은데 여기서 어딜 수정해야 간격을 조정할 수 있는지 모르겠어서요.
/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;color:#666;border-bottom:3px solid #454545;background:#333;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;color:#999;background:#333;text-align:center}
.tbl_head01 tbody th {padding:8px 0;}
.tbl_head01 td {color:#999;background:#151515;padding:10px 5px;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#222;}
.tbl_head01 a:hover {color:#ccc}
.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-bottom:1px solid #333;background:#222;color:#999;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#ff0000}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;background:#222;text-align:center}
.tbl_head02 tbody th {padding:5px 0;}
.tbl_head02 td {padding:5px 3px;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}
저 간격을 조정하려면 어디를 수정해야할까요?
답변을 작성하시기 전에 로그인 해주세요.
