전문가분들께 문의드립니다(게시판 정렬/ 여분필드)
본문
안녕하세요~
전문가 분들께 문의좀 드릴게요~
그누보드5 사이트 만들고있는데요~ 게시판에 항목을 추가로 만들다보니
여분필드를 사용하게되었습니다 여분필드는 여러 고마우신 분들께서 팁을 주셔서 다행히
적용은 시켰는데요~ 근데 아래 첨부 이미지처럼 게시판에서 여분필드로 추가한 항목들이
보시는봐와같이 너져분합니다ㅠㅠ 왼쪽(좌측)으로 정렬시키고 회색배경(테이블)도 일정하게
맞추고 싶은데 도저히 모르겠네요~~ 그리고 가로 길이가 끝까지 느러져서 보기에 좋지못하네요~
좌측으로 일정하게 정렬하고/ 가로 길이를 조금 짧게(적당히) 줄이고 싶은데..
도움좀 부탁드리겠습니다.
★요즘 갑자기 일교차가 심해졌네요~ 옷따듯하게 입으셔야 겠어요~ 감기 조심 하세요~^^
답변 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 라고 클래스명이 틀리게 적힌 것도 있네요.
첨부 이미지중에 젤끝에 소스화면 캡쳐 입니다~
어느부분에 어떤소스를 수정해야 하는지..
초보에게 쉽게좀 설명 해주시면 대단히 감사하겠습니다^^