Foros del Web » Creando para Internet » CSS »

Alinear 2 formularios izq y der

Estas en el tema de Alinear 2 formularios izq y der en el foro de CSS en Foros del Web. Buenas compañeros! Acudo a vosotros para que me mostreis la luz xD Que no consigo alinear 2 formularios, llevo toda la tarde probando cosas y ...
  #1 (permalink)  
Antiguo 30/03/2008, 16:58
Avatar de neodani  
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 10 años, 9 meses
Puntos: 20
Alinear 2 formularios izq y der

Buenas compañeros!

Acudo a vosotros para que me mostreis la luz xD

Que no consigo alinear 2 formularios, llevo toda la tarde probando cosas y nada

Este es el codigo

Código HTML:
 <html>
  <head>
    <title>Ejemplo</title>
    <style type="text/css">
      #formulario { font:11px arial; width:300px; float:letf;}
#formulario form { margin:0px; padding:0px; }
#formulario fieldset { border:1px solid #ccc; padding-top:10px;}
#formulario legend { font-weight:bold; color:#666; }
#formulario label { font-weight:bold; display:block; width:130px; float:left; padding-left:10px;}
#formulario input { font:11px arial; background-color:#F7F4FF; border:1px solid #A5ACB2; height:18px; width:130px; padding-left:5px; }
#formulario br { display:block; margin-bottom:10px; clear:both; }

#formulario2 { font:11px arial; width:300px; float:right;}
#formulario2 form { margin:0px; padding:0px; }
#formulario2 fieldset { border:1px solid #ccc; padding-top:10px;}
#formulario2 legend { font-weight:bold; color:#666; }
#formulario2 label { font-weight:bold; display:block; width:130px; float:left; padding-left:10px;}
#formulario2 input { font:11px arial; background-color:#F7F4FF; border:1px solid #A5ACB2; height:18px; width:130px; padding-left:5px; }
#formulario2 br { display:block; margin-bottom:10px; clear:both; }
    </style>
  </head>
  <body>	
					
					<div id="formulario">
					<form action="#" method="post" name="personal">
						<fieldset>
						<legend>Datos Personales</legend>					
							<label for="formnombre">Nombre:</label>
							<input type="text" name="nombre" id="formnombre" size="40" />
							<br />							
							<label for="formapellidos">Apellidos:</label>
							<input type="text" name="apellidos" id="formapellidos" size="40" />
							<br />							
							<label for="formsexo">Sexo:</label>
							<input type="text" name="sexo" id="formsexo" size="40" />
							<br />							
							<label for="fnacimiento">Fecha Nacimiento:</label>
							<input type="text" name="fnacimiento" id="formfnacimiento" size="40" />
							<br />
							<label for="formpais">Pais:</label>
							<input type="text" name="pais" id="formpais" size="40" />
							<br />
							<label for="formprovincia">Provincia:</label>
							<input type="text" name="provincia" id="formprovincia" size="40" />
							<br />
							<label for="formcpostal">Codigo Postal:</label>
							<input type="text" name="cpostal" id="formcpostal" size="40" />
							<br />
							<input type="submit" name="btnguardar" value="Guardar" />
						</fieldset>
						<br />
					</form>
					</div>
					<div id="formulario2">
					<form action="#" method="post" name="estratega">
						<fieldset>
						<legend>Datos Personales</legend>					
							<label for="formnombre">Nombre:</label>
							<input type="text" name="nombre" id="formnombre" size="40" />
							<br />							
							<label for="formapellidos">Apellidos:</label>
							<input type="text" name="apellidos" id="formapellidos" size="40" />
							<br />							
							<label for="formsexo">Sexo:</label>
							<input type="text" name="sexo" id="formsexo" size="40" />
							<br />							
							<label for="fnacimiento">Fecha Nacimiento:</label>
							<input type="text" name="fnacimiento" id="formfnacimiento" size="40" />
							<br />
							<label for="formpais">Pais:</label>
							<input type="text" name="pais" id="formpais" size="40" />
							<br />
							<label for="formprovincia">Provincia:</label>
							<input type="text" name="provincia" id="formprovincia" size="40" />
							<br />
							<label for="formcpostal">Codigo Postal:</label>
							<input type="text" name="cpostal" id="formcpostal" size="40" />
							<br />
							<input type="submit" name="btnguardar" value="Guardar" />
						</fieldset>
						<br />
					</form>
					</div>
					
</body>
</html> 

Quiero que a la izq. se muestre un formulario y a la derecha el otro.
Tal y como esta ahora si pongo float:left y float:right el de la derecha me lo coloca a la derecha pero cuando termina el izquierdo, yo lo quiero a la misma altura! desde arriba. Y no veo que más cosas tocar!

Gracias de antemano
  #2 (permalink)  
Antiguo 30/03/2008, 21:17
 
Fecha de Ingreso: febrero-2008
Mensajes: 75
Antigüedad: 9 años, 10 meses
Puntos: 0
Re: Alinear 2 formularios izq y der

Hola!
El problema que veo es que el formulario de la izquierda no tiene definido el float left..hay un pequeño error de ortografía, dice:
Cita:
float:letf;
: cuando debería decir float: left;

Saludos
  #3 (permalink)  
Antiguo 31/03/2008, 17:15
Avatar de neodani  
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 10 años, 9 meses
Puntos: 20
Re: Alinear 2 formularios izq y der

Cita:
Iniciado por dax_noelia Ver Mensaje
Hola!
El problema que veo es que el formulario de la izquierda no tiene definido el float left..hay un pequeño error de ortografía, dice: : cuando debería decir float: left;

Saludos
Cierto, era esooooooooooooooooooo vaya tela, si es que uno ya no sabe escribir!

Gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:10.