전문가분들께 문의드립니다(게시판 정렬/ 여분필드)

전문가분들께 문의드립니다(게시판 정렬/ 여분필드)

QA

전문가분들께 문의드립니다(게시판 정렬/ 여분필드)

본문

안녕하세요~

전문가 분들께 문의좀 드릴게요~

그누보드5 사이트 만들고있는데요~ 게시판에 항목을 추가로 만들다보니

여분필드를 사용하게되었습니다 여분필드는 여러 고마우신 분들께서 팁을 주셔서 다행히

적용은 시켰는데요~ 근데 아래 첨부 이미지처럼 게시판에서 여분필드로 추가한 항목들이

보시는봐와같이 너져분합니다ㅠㅠ 왼쪽(좌측)으로 정렬시키고 회색배경(테이블)도 일정하게

맞추고 싶은데 도저히 모르겠네요~~ 그리고 가로 길이가 끝까지 느러져서 보기에 좋지못하네요~

좌측으로 일정하게 정렬하고/ 가로 길이를 조금 짧게(적당히) 줄이고 싶은데..

도움좀 부탁드리겠습니다.

★요즘 갑자기 일교차가 심해졌네요~ 옷따듯하게 입으셔야 겠어요~ 감기 조심 하세요~^^

 

43d3ec1c5ceed864809a0ce25c6d3e89_1476116541_9912.jpg
43d3ec1c5ceed864809a0ce25c6d3e89_1476116541_8449.jpg
43d3ec1c5ceed864809a0ce25c6d3e89_1476116541_9506.jpg 

 

 

 

이 질문에 댓글 쓰기 :

답변 3

테이블을 사용하신다면,

th, td 구분해서 사용하시면 구조적으로도 좋습니다.

 

현재 td 중에 write_head 클래스가 디자인적으로 th 처리를 하시게 한것 같네요.

 

우선 첫번째 항목의 input은 td 태그 밖에 있으니 그것부터 바로 잡으시고...

 

저라면, 

th, td 구분짓고,

th {width: 20%;}

td {width: 80%;}

와 같이 부모요소들 크기를 우선 정해주시고, input 요소의 너비를 정할 겁니다.

 

write_head 클래스 부분을 일정 길이 스타일을 준 후,

 

우측의 input 태그들에 일괄적으로 들어간 90% 길이값을 적당히 줄여보세요.

 

 

ps.

write_headt 라고 클래스명이 틀리게 적힌 것도 있네요. 

첨부 이미지중에 젤끝에 소스화면 캡쳐 입니다~

어느부분에 어떤소스를 수정해야 하는지..

초보에게 쉽게좀 설명 해주시면 대단히 감사하겠습니다^^ 

답변을 작성하시기 전에 로그인 해주세요.
전체 0 | RSS
QA 내용 검색
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 질문이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT