[질문] select 바와 검색박스 가로줄 나란히 맞추는 방법은? (강제로 맞춰도 상관없음) 정보
[질문] select 바와 검색박스 가로줄 나란히 맞추는 방법은? (강제로 맞춰도 상관없음)
본문
select 박스와 검색 박스가 나란히 줄이 안맞는 이유가 뭘까요?
list_skin.php (게시판 스킨 리스트파일)
해당부분의 소스를 보면 Div 로 묶여 있던데...
<!-- 링크 버튼, 검색 -->
<div style="text-align:center; line-height:20px; vertical-align:middle;" >
<form name=fsearch method=get style="margin:0px;">
<input type=hidden name=bo_table value="<?=$bo_table?>">
<input type=hidden name=sca value="<?=$sca?>">
<select name=sfl style="background-color:#f6f6f6; border:1px solid #7f9db9; height:21px; vertical-align:middle;">
<option value='wr_subject'>제목</option>
<option value='wr_content'>내용</option>
<option value='wr_subject||wr_content'>제목+내용</option>
<option value='mb_id,1'>회원아이디</option>
<option value='mb_id,0'>회원아이디(코)</option>
<option value='wr_name,1'>글쓴이</option>
<option value='wr_name,0'>글쓴이(코)</option>
</select>
<input name=stx maxlength=15 itemname="검색어" required value='<?=$stx?>' style="width:204px;vertical-align:middle; background-color:#f6f6f6; border:1px solid #7f9db9; height:21px;">
<input type=image src="<?=$board_skin_path?>/img/btn_search.gif" border=0 align=absmiddle>
<input type=radio name=sop value=and>and
<input type=radio name=sop value=or>or
</form>
</div>
별거 다해봐도 도저히 나란히 줄을 못맞추겠네욤...
도데체 이유가 뭘까요...
표를 만들어서 안에다 넣어봐도 역시 안되네용
/* 표로 해본거 시작 */
<!-- 검색 -->
<table class="board_search" border="1" width="400" height="30">
<tr align="center">
<td valign="top">
<form name="fsearch" method="get">
<input type="hidden" name="bo_table" value="<?=$bo_table?>">
<input type="hidden" name="sca" value="<?=$sca?>">
<select name="sfl">
<option value="wr_subject">제목adf</option>
<option value="wr_content">내용</option>
<option value="wr_subject||wr_content">제목+내용</option>
<option value="mb_id,1">회원아이디</option>
<option value="mb_id,0">회원아이디(코)</option>
<option value="wr_name,1">글쓴이</option>
<option value="wr_name,0">글쓴이(코)</option>
</select>
<input name="stx" class="stx" maxlength="15" itemname="검색어" required value='<?=$stx?>'>
<input type="image" src="<?=$board_skin_path?>/img/btn_search.gif" border='0' align="absmiddle">
<input type="radio" name="sop" value="and">and
<input type="radio" name="sop" value="or">or
</form>
</td>
</tr>
</table>
/* 표로 한것 끝 */
좀 알려주세요~ 바로 잡을방법..
스샷중 위에꺼가 줄이 안맞는거고
아래 진회색들어간 것은 줄이 맞죠~
두 화면의 소스중 다른점은
게시판은 같은것이고
head.php 와 tail.php 소스의 일부 테이블 구조만 변경된 차이가 있습니다.
이상하네요 참...
댓글 전체

<!-- 검색 -->
<div class="board_search">
<form name="fsearch" method="get">
<input type="hidden" name="bo_table" value="<?=$bo_table?>">
<input type="hidden" name="sca" value="<?=$sca?>">
<select name="sfl">
<option value="wr_subject">제목</option>
<option value="wr_content">내용</option>
<option value="wr_subject||wr_content">제목+내용</option>
<option value="mb_id,1">회원아이디</option>
<option value="mb_id,0">회원아이디(코)</option>
<option value="wr_name,1">글쓴이</option>
<option value="wr_name,0">글쓴이(코)</option>
</select>
<input name="stx" class="stx" maxlength="15" itemname="검색어" required value='<?=$stx?>'>
<input type="image" src="<?=$board_skin_path?>/img/btn_search.gif" border='0' align="absmiddle">
<input type="radio" name="sop" value="and">and
<input type="radio" name="sop" value="or">or
</form>
</div>
ㅠㅠ.

td로 둘로 나눠놓고 넣어두 되구요....
만약 테이블태그가 싫으시다면 Style로 select의 상단여백을 조절해 보는 건 어떨까요?


완전 고맙습니다.
*^^*
--아래와 같이 해결 됐습니다--
<!-- 검색 -->
<table class="board_search" border="0" width="430" height="30" align="center">
<tr>
<td valign="center">
<form name="fsearch" method="get">
<input type="hidden" name="bo_table" value="<?=$bo_table?>">
<input type="hidden" name="sca" value="<?=$sca?>">
<select name="sfl">
<option value="wr_subject">제목</option>
<option value="wr_content">내용</option>
<option value="wr_subject||wr_content">제목+내용</option>
<option value="mb_id,1">회원아이디</option>
<option value="mb_id,0">회원아이디(코)</option>
<option value="wr_name,1">글쓴이</option>
<option value="wr_name,0">글쓴이(코)</option>
</select>
</td>
<!-- <td width="2"></td> -->
<td align="left" valign="center">
<input name="stx" class="stx" maxlength="15" itemname="검색어" required value='<?=$stx?>'>
<input type="image" src="<?=$board_skin_path?>/img/btn_search.gif" border='0' align="absmiddle">
<input type="radio" name="sop" value="and">and
<input type="radio" name="sop" value="or">or
</form>
</td>
</tr>
</table>
--이상입니다--