«
»

Removendo espaços da tag FORM

Problemas de espaçamento desnecessários na tag FORM são comuns ao desenvolvermos sistemas WEB. A necessidade de elaborar formulários complexos, em um espaço limitado e precioso, faz com que esse tipo de problema seja frequente.

Uma dica antiga era colocar a tag FORM entre o <table> e o <tr>, nessa forma:

<table>
<form>
<tr> <td><input .... ></td></tr>
</form>
</table>

Ok, funciona, só que isso não é HTML válido.

Uma forma mais correta de fazer isso é utilizando CSS, alterando as propriedades border e padding para 0:

<form style="border: 0px; padding:0px;">
<table>
<tr> <td><input .... ></td></tr>
</table>
</form>

Agora temos HTML válido, omitindo os espaços desnecessários com CSS. Mas que tal aplicar automaticamente a todos os elementos FORM do seu sistema?

<style type="text/css">
form { border: 0px; padding:0px; }
</style

;-)

This entry was posted on Segunda-feira, Fevereiro 5th, 2007 at 16:52 and is filed under Geral. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

19 Responses to “Removendo espaços da tag FORM”


Leave a Reply