폼(form) 관련 정보
일반 폼(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> |
추천
0
0
댓글 전체
정말 좋은 팁이네요. ㅎㅎ 이렇게 간편한걸 전에 왜 그렇게 헤매였는지..
감사합니다~
감사합니다~
좋은 팁인데요....^^
저도 만만세!!
간단하면서도 좋은팁이네요 ^^
감사합니다 ㅎㅎㅎ^-^
원츄~~!!
착한아이님 만세!!!
착한아이님 만세!!!
hwatta 님 style="margin:0" 를 사용할 경우엔 <td> 안에 <form> 태그를 사용해도 테이블 간격이 벌어지지 않습니다.
굳이 <table>태그와 <tr>태그 사이로 빼실 필요가 없습니다.
물론 모질라 계열의 브라우저로 볼 경우는 <form>태그를 아무렇게나 사용해 놓아도 테이블 간격이 벌어져
보이진 않겠지만 익스에서는 간격이 드러나 보이죠...
될수 있으면 여러개의 브라우저를 띄우더라도 같은 모습을 보여 주면 좋을듯 해서 끄적여 봤습니다.
자신의 홈을 제작하실때 스타일시트에 img { border-width: 0px; }을 한번 넣어 많이 사용하듯
form { margin:0; } 도 함께 한번만 넣어 주시면 코딩하기가 편해 지겠죠....
그럼 위에서처럼 폼안에 일일이 style="margin:0 타이핑 하시지 않아도 테이블 밖으로 빼시지 않아도
익스에서 폼 여백으로 인한 테이블 간격 걱정은 안하셔도 될겁니다.
^____^;;
굳이 <table>태그와 <tr>태그 사이로 빼실 필요가 없습니다.
물론 모질라 계열의 브라우저로 볼 경우는 <form>태그를 아무렇게나 사용해 놓아도 테이블 간격이 벌어져
보이진 않겠지만 익스에서는 간격이 드러나 보이죠...
될수 있으면 여러개의 브라우저를 띄우더라도 같은 모습을 보여 주면 좋을듯 해서 끄적여 봤습니다.
자신의 홈을 제작하실때 스타일시트에 img { border-width: 0px; }을 한번 넣어 많이 사용하듯
form { margin:0; } 도 함께 한번만 넣어 주시면 코딩하기가 편해 지겠죠....
그럼 위에서처럼 폼안에 일일이 style="margin:0 타이핑 하시지 않아도 테이블 밖으로 빼시지 않아도
익스에서 폼 여백으로 인한 테이블 간격 걱정은 안하셔도 될겁니다.
^____^;;
<table>
<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>
<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>
원하던 팁입니다 ^^
원하던 정보였는데 감사합니다..
오홋..style=margin:0 감사합니다..이런것도 있었네
좋은팁 감사합니다...
그누포에버 게시판을 보다가 혹시나 하고 적어 보는 겁니다.
hwatta 님 style="margin:0" 를 사용할 경우엔 <td> 안에 <form> 태그를 사용해도 테이블 간격이 벌어지지 않습니다.
굳이 <table>태그와 <tr>태그 사이로 빼실 필요가 없습니다.
물론 모질라 계열의 브라우저로 볼 경우는 <form>태그를 아무렇게나 사용해 놓아도 테이블 간격이 벌어져
보이진 않겠지만 익스에서는 간격이 드러나 보이죠...
굳이 <table>태그와 <tr>태그 사이로 빼실 필요가 없습니다.
물론 모질라 계열의 브라우저로 볼 경우는 <form>태그를 아무렇게나 사용해 놓아도 테이블 간격이 벌어져
보이진 않겠지만 익스에서는 간격이 드러나 보이죠...