수다닷컴

결과물이 위의 화면처럼 나와요

source
=================================================================================================
table
tbody
tr
th class=keyField기준일자/th
td
input type=text class=w100 id=F_YMD name=F_YMD dataformat=dfDateYmd value=%=TO_YMD% /
/td
th class=noKeyField label for=S_RET_ADD퇴직자 포함/label/th
td
input type=checkbox id=S_RET_ADD name=S_RET_ADD value=Y/
/td
th class=noKeyField label for=S_URD_ORG_ADD하위조직 포함/label/th
td
input type=checkbox id=S_URD_ORG_ADD name=S_URD_ORG_ADD value=Y/
/td
/tr
/tbody
/table
=================================================================================================

관련 css
=================================================================================================
input[type=radio],
input[type=checkbox] {width:14px; height:14px;vertical-align:middle; display:inline-block;}
label {vertical-align:middle; display:inline-block;}

table label {vertical-align:middle; display:inline-block; height:17px; margin:0 10px 0 3px; line-height:1.65em;}
table label.fr {margin:0 10px 0 2px;}
table label.fl, table label.keyField, table label.noKeyField {margin:0 2px 0 10px;vertical-align:middle; display:inline-block;}
table label:first-child {margin-left:0;}
table input[type=radio], table input[type=checkbox] {margin-top:1px;vertical-align:middle; display:inline-block;}
table input[type=text] + .bt {margin-top:-1px;}
table th, table td {vertical-align:middle;}
=================================================================================================
줄맞춤 땜에 불가피하게 테이블 썼는데...
th에 label태그가 들어가면 텍스트가 아래로 처지고 label과 상관없이 td에 있는 체크박스는 혼자 올라가네요
css에서도 모든 관련 요소에 vertical-align:middle; display:inline-block; 줬는데도 변화가 없어요
퍼블리셔가 해 놓은 깔끔한 소스를 제가 수정하면서 엄청 괴롭히고 있네요
고수님들의 도움이 필요합니다.
도와주세요~~~~

신청하기