Formulario al lado de otro

peconrrixico22 · #1 (**permalink**) 27/12/2008, 02:51

Hola estoy teniendo problemas, el caso esque tengo dos formularios pegaditos .. y ambos tienen un submit. A la hora de reflejarlos en el explorador los dos submit me salen uno encima del otro en vez de uno al lado de otro .. decir que no quiero utilizar tablas.

Habia leído que poniendo en la css margin='0', se solucionaba pero sigo igual ¿alguien sabe como hacer que los dos submit de diferentes formularios salgan pegados sin tablas?

Gracias.

Raulmmmm · #2 (**permalink**) 27/12/2008, 03:57

Pon tu código y te podremos ayudar mejor

.

peconrrixico22 · #3 (**permalink**) 27/12/2008, 09:26

El codigo no lo he puesto porque me pareció obvio ..

<form method='POST' action='a.php' margin='0'>
<input type='hidden' value='$a' name='eso'>
<inpu type='submit' value='ENTRAR' name='accion'>
</form>
<form method='POST' action='a.php' margin='0'>
<input type='hidden' value='$a' name='eso'>
<inpu type='submit' value='CERRAR' name='accion'>
</form>

Y eso tanto entrar como cerrar me salen en lineas difernetes.

Gracias.

Raulmmmm · #4 (**permalink**) 27/12/2008, 13:56

OK, a lo mejor tenías un código más enrevesado que ese. Para ponerlos uno al lado de otro, usa la propiedad float de CSS:

Código HTML:

<form method='POST' action='a.php' margin='0' style="float: left">
<input type='hidden' value='$a' name='eso'>
<inpu type='submit' value='ENTRAR' name='accion'>
</form>
<form method='POST' action='a.php' margin='0' style="float: left">
<input type='hidden' value='$a' name='eso'>
<inpu type='submit' value='CERRAR' name='accion'>
</form>
<div style="clear: both"></div>

El div con clear:both es para que no se te pongan también las etiquetas que pongas debajo en el código a la izquierda.
Recuerda que también puedes poner el CSS en la cabecera (entre <head> y </head> así:

Código HTML:

<style type="float: left">
form { float: left; }
</style>

Y también procura cambiar estas comillas ' por estas ".

Aresillo · #5 (**permalink**) 27/12/2008, 14:01

Prueba con la solución de Raulmmm y con la mía... y decides... aunque creo que la mía es más limpia.. sin menospreciar en absoluto la solución y el tiempo de Raulmmm

En el estilo:

Código:

.inline{
display:inline;
}

Y el HTML:

Código:

<form method='POST' action='a.php' margin='0' class="inline">
<input type='hidden' value='$a' name='eso'>
<input type='submit' value='ENTRAR' name='accion'>
</form>
<form method='POST' action='a.php' margin='0' class="inline">
<input type='hidden' value='$a' name='eso'>
<input type='submit' value='CERRAR' name='accion'>
</form>

Un saludo a los dos!

Aresillo!!

Raulmmmm · #6 (**permalink**) 28/12/2008, 02:37

No pasa nada Aresillo, no me importa que digas otras soluciones

.

Aresillo · #7 (**permalink**) 28/12/2008, 10:52

Ya hombre...
Sólo que escribimos casi a la vez y cuando terminé mi post, acababas de postear y tuve que editar el post...

Un saludo Raulmmmm

Aresillo!!