2012-10-31 2 views
0

필드 세트 내에서 표 형식을 지정하려고합니다. 둘 다 양식 안에 있습니다. 여기에 HTML 코드는 다음과 같습니다브라우저를 확대 할 때 표 셀을 확대/축소 가능하게합니다.

<!DOCTYPE html> 
<html> 
<head> 
<style> 
fieldset{width:90%;} 
table {width:100%;border-collapse:collapse;} 
table,td {border:1px solid black;} 
td.abc {width:40%;} 
</style> 
</head> 
<body> 
<form> 
    <fieldset> 
     <legend>Text Text</legend> 
     <table> 
     <tr> 
      <td> Text </td> 
      <td class="abc"> 
       <input size='25' type="text"/> 
       <select> 
        <option>Text text text</option> 
        <option> Text </option> 
       </select> 
      </td> 
      <td> 
       Text text 
      </td> 
     </tr> 
     <tr> 
      <td> Text </td> 
      <td class="abc"> 
       <input size='25' type="text"/> 
       <select> 
        <option>Text text text</option> 
        <option> Text </option> 
       </select> 
      </td> 
      <td> 
       Text text 
      </td> 
     </tr> 
     </table> 
    </fieldset> 
</form> 

</body> 
</html> 

내 문제는 내가 텍스트 입력 내가 브라우저에서 확대 같은 행에 선택 숙박을 할 수있는 방법입니다 .Thanks (CTR와 + 키를 눌러) 사전에!

답변

1

테이블을 잊어 버리면 DIV를 사용하십시오. 그 유일한 방법은 문제를 해결할 수 있습니다.

+0

: 나는, 노년 사람들을위한 좋은 기능을 확대 아무런 문제가 없다, 시각, 장애인 등이 여기에

당신이 FIELDSET과 함께하고 싶은 것과 유사한 연락처 페이지 조각입니다 div 사용하고 내 문제가 해결되었습니다 :) 테이블의 목적에 대해 생각 나게 : 디자인을 위해 사용되는, 데이터를 표시하는 데 사용되는 :) 당신의 도움을 많이 주셔서 감사합니다! –

+0

당신은 대단히 환영합니다 @crazy_in_love –

1

나는 Sandeep에 동의 할 것이다. 나는 항상 테이블에 문제가 있었고, 대신 태그와 CSS가있는 @HTMLhelpers를 사용하여 서식을 지정했다. I가 시도

<fieldset> 
    <legend>Contact</legend> 

<div class="editor-label"> 
    *@Html.LabelFor(model => model.FirstName) 
</div> 
<div class="editor-field"> 
    @Html.EditorFor(model => model.FirstName) 
    @Html.ValidationMessageFor(model => model.FirstName) 
</div> 

<div class="editor-label"> 
    *@Html.LabelFor(model => model.LastName) 
</div> 
<div class="editor-field"> 
    @Html.EditorFor(model => model.LastName) 
    @Html.ValidationMessageFor(model => model.LastName) 
</div> 

<div class="editor-label"> 
    *@Html.LabelFor(model => model.EmailAddress) 
</div> 
<div class="editor-field"> 
    @Html.EditorFor(model => model.EmailAddress) 
    @Html.ValidationMessageFor(model => model.EmailAddress) 
</div> 
    <input type="submit" value="Submit" /> &nbsp; 
    <input type="reset" value="Reset" /> 

</fieldset> 
+0

당신의 의지에 감사드립니다. 도와 주셔서 정말 고맙습니다. –

+0

감사합니다. djmarquette. –

관련 문제