2016-10-28 3 views
0

이 코드는텍스트를 정렬하고 상자를 수평으로 선택하는 방법은 무엇입니까?

<table> 
    <tr> 
     <td NOWRAP><?php echo "Employee Birthdays for " . $monthName; ?></td> 
     <td width="100%"></td> 
     <td>Browse:</td> 
     <td valign="middle"> 
      <form method="get"> 
       <select type="submit" name="mo" onchange="this.form.submit()"> 
        <option value="01">January</option> 
        <option value="02">February</option> 
        <option value="03">March</option> 
        <option value="04">April</option> 
        <option value="05">May</option> 
        <option value="06">June</option> 
        <option value="07">July</option> 
        <option value="08">August</option> 
        <option value="09">September</option> 
        <option value="10">October</option> 
        <option value="11">November</option> 
        <option value="12">December</option> 
       </select> 
      </form> 
     </td> 
    </tr> 
</table> 

이 그림이 생성 enter image description here

실제로 함께 줄 수있는 달 선택 상자를 얻을 수있는 방법

"찾아보기를"을?

편집 : Internet Explorer에서는 작동하지만 Chrome에서는 잘못 정렬되어 있습니다.

+0

당신이 상자에게 ID를 부여하고 그것을 위치를 지정할 수 있습니다 귀하의 CSS에서 어떤 하나 개의 코드를 추가 : 상대 상자를 아래로 밀기 위해 x 픽셀 값의 값을 가졌습니까? – A1raa

답변

1


form{ 
    margin-bottom: 0em; 
} 

또는

form{ 
    margin-bottom: 0em !important; 
} 
+0

이것은 크롬 문제를 해결하지만 IE의 페이지를 깨뜨립니다. – doominabox1

+0

try margin : bottom : 0em; – mkawa

+1

가 솔루션을 변경했습니다. 그것을 시도하십시오. – mkawa

2

다른 CSS 스타일이 코드에 영향을 미쳤으므로 아래에서 정상적으로 작동하는 것으로 보입니다.

Firefox와 Chrome에서 모두 최신 버전을 확인했습니다.

td { 
 
    border: 1px dotted gray; 
 
    height: 100px; /* for demo only */ 
 
} 
 
form { 
 
    border: 1px dashed blue; 
 
}
<table> 
 
    <tr> 
 
    <td nowrap>Employee Birthdays for October</td> 
 
    <td width="100%"></td> 
 
    <td>Browse:</td> 
 
    <td valign="middle"> 
 
     <form method="get"> 
 
     <select type="submit" name="mo" onchange="this.form.submit()"> 
 
      <option value="01">January</option> 
 
      <option value="02">February</option> 
 
      <option value="03">March</option> 
 
      <option value="04">April</option> 
 
      <option value="05">May</option> 
 
      <option value="06">June</option> 
 
      <option value="07">July</option> 
 
      <option value="08">August</option> 
 
      <option value="09">September</option> 
 
      <option value="10">October</option> 
 
      <option value="11">November</option> 
 
      <option value="12">December</option> 
 
     </select> 
 
     </form> 
 
    </td> 
 
    </tr> 
 
</table>

+0

마크가 옳습니다. 개발자 도구 (브라우저에서 f12)를 열어서 CSS의 스타일이 문제의 요소에 영향을 미치는지 살펴 보는 것이 좋습니다. – A1raa

+0

내가 가진 유일한 스타일은 부모가 아니거나 다른 테이블을위한 것입니다. – doominabox1

+0

http://imgur.com/h2u3OUe 문제인 것처럼 보입니다. 사용자 스타일 시트는 무엇입니까? – doominabox1

관련 문제