Remover el espacio causado por un <FORM>

[cvander]

Siempre he tenido la duda y aunque la he corregido con CSS, me pregunto si existe otra solución.

Cómo eliminar el espacio extra que se genera al cerrar un </FORM> ???

Saludos y gracias de antemano.

[caricatos]

Hola Christian:

Tal vez no sea la respuesta adecuada, pero hace unos días, al querer dar una respuesta, ví algo parecido, pero en la celda de una tabla, y resulta que lo arreglé sin dejar espacios entre la última etiqueta de la celda y la etiqueta de fin de celda:

El ejemplo era algo así:

<td>
<img src=imagen.gif>
</td>

... y lo acomodé así:

<td><img src=imagen.gif></td>

Es posible que tengas un salto de línea y sea la razón del espacio que te sobra.

Si es otra cosa, tal vez sea mejor que pusieras el código, o algún link para chequearlo

Saludos

[tunait]

Hola Caricatos

Creo que, lo que se dice tener algún problema, christian no lo tiene.

Él tiene la solución en css pero su pregunta es si existe alguna otra forma de evitar ese salto de línea automático que genera el tag form y que no sea mediante css.

Christian, hace no mucho se comentó el mismo tema en este post en donde las dos soluciones que se propusieron implicaban el usar estilos. Es interesante la aportación que dejó Nugar, quizás te interese leerlo

Personalmente nunca he visto ningún atributo html asociado al tag form que elimine ese espacio que genera.

Un saludo

[joaoob]

gracias muchachos, yo andaba con el mismo problema hace tiempo, ahora por fin entiendo de que se trata y cual es la solucion....
salud y rockaanrollllllll.

[Cain]

La solución más simple es aprovechar el diseño de la web para poner las etiquetas form.

Ejemplo:

<table>
<tr>
<td><img src="tip.gif"><form></td>
...

[regui]

Para eliminar el <br> que te insertan los <form> sin necesidad de usar estilos, yo lo que hago es poner la etiqueta del <form> entre el <table> y el <tr>, os pongo un ejemplo para que lo veais.

<table>
<form action="" method="post" name="form1">
<tr>
<td align="right">Login:
<input name="login" type="text" size="9">
</td>
</tr>
<tr>
<td align="right">Password:
<input name="pas" type="password" size="9">
</td>
</tr>
<tr>
<td align="right">
<input type="submit" name="Submit" value="Enviar">
</td>
</tr>
</form>
</table>

Asi es como lo hago yo, no se si será la manera más ortodoxa según el w3c, pero a mi me funciona. Luego si quieres le asiganas las clases a los textos o a los input, pero para quitar el <br> no hace falta nada.
Saludos.

[ferny]

La solución que puso regui también la uso yo, y va realmente bien...

[cvander]

Muchas gracias.. Creo que la solución de la tabla me va a ser super útil.

Un saludo.