폼(form) 관련
팁은 아니고 그냥 참고 하세요.
의외로 모르시는 분들이 많이 있더군요.
폼태그사용시 태그 아래쪽에 원치않는 빈여백이 생깁니다.
테이블 밖에 폼 태그 빼내지 않고 스타일 시트를 이용해서 빈여백을 없애는 방법으로
태그 안에 style="margin:0"을 넣으면 됩니다.
의외로 모르시는 분들이 많이 있더군요.
폼태그사용시 태그 아래쪽에 원치않는 빈여백이 생깁니다.
테이블 밖에 폼 태그 빼내지 않고 스타일 시트를 이용해서 빈여백을 없애는 방법으로
태그 안에 style="margin:0"을 넣으면 됩니다.
| 적용하기전 | 적용후 | ||
|
| ||
| <form name="form1" > | <form name="form1" style="margin:0"> <select name="select2"> <option selected>Sample 1</option> <option>Sample 2</option> </select> </form> |
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 14개
감사합니다~
착한아이님 만세!!!
굳이 <table>태그와 <tr>태그 사이로 빼실 필요가 없습니다.
물론 모질라 계열의 브라우저로 볼 경우는 <form>태그를 아무렇게나 사용해 놓아도 테이블 간격이 벌어져
보이진 않겠지만 익스에서는 간격이 드러나 보이죠...
될수 있으면 여러개의 브라우저를 띄우더라도 같은 모습을 보여 주면 좋을듯 해서 끄적여 봤습니다.
자신의 홈을 제작하실때 스타일시트에 img { border-width: 0px; }을 한번 넣어 많이 사용하듯
form { margin:0; } 도 함께 한번만 넣어 주시면 코딩하기가 편해 지겠죠....
그럼 위에서처럼 폼안에 일일이 style="margin:0 타이핑 하시지 않아도 테이블 밖으로 빼시지 않아도
익스에서 폼 여백으로 인한 테이블 간격 걱정은 안하셔도 될겁니다.
^____^;;
<form name="form1" style="margin:0">
<tr><td>
<select name="select2">
<option selected>Sample 1</option>
<option>Sample 2</option>
</select>
</td></tr>
</form>
</table>
굳이 <table>태그와 <tr>태그 사이로 빼실 필요가 없습니다.
물론 모질라 계열의 브라우저로 볼 경우는 <form>태그를 아무렇게나 사용해 놓아도 테이블 간격이 벌어져
보이진 않겠지만 익스에서는 간격이 드러나 보이죠...