[질문] select 바와 검색박스 가로줄 나란히 맞추는 방법은? (강제로 맞춰도 상관없음) > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

[질문] 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>


ㅠㅠ.
select 와 input를 테이블에 넣고 해보세요.
td로 둘로 나눠놓고 넣어두 되구요....
만약 테이블태그가 싫으시다면 Style로 select의 상단여백을 조절해 보는 건 어떨까요?
오...select 와 input 을 td로 따로 넣어서 제어하니까 줄이 맞네요.
완전 고맙습니다.
*^^*

--아래와 같이 해결 됐습니다--

 <!-- 검색 -->
  <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>

--이상입니다--
전체 66,554 |RSS
그누4 질문답변 내용 검색

회원로그인

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