Foros del Web » Creando para Internet » CSS »

Ubicación de inputs y otros

Estas en el tema de Ubicación de inputs y otros en el foro de CSS en Foros del Web. Gente tengo este código, y debería quedar todo alineado pero no, solo queda bien el primer campo y los otros todos corridos... si alguien puede ...
  #1 (permalink)  
Antiguo 08/10/2008, 21:36
Avatar de Adolfiten  
Fecha de Ingreso: enero-2008
Ubicación: Frente a mi monitor...
Mensajes: 572
Antigüedad: 16 años, 10 meses
Puntos: 7
Pregunta Ubicación de inputs y otros

Gente tengo este código, y debería quedar todo alineado pero no, solo queda bien el primer campo y los otros todos corridos... si alguien puede ayudar estaría bárbaro.

HTML


Código:
<div id="formulario" class="form">
<form action="guardarusuario.php" name="form" id="form" method="post">
<label>Nombre:
	<span class="small">Obligatorio</span>
</label>
<input type="text" name="nombre" id="nombre" value="<?PHP echo $_GET["nombre"];?>">
<label>Apellido:
	<span class="small">Obligatorio</span>
</label>
<input type="text" name="apellido" id="apellido" value="<?PHP echo $_GET["apellido"];?>" />
<label>Cédula:</label>
<input type="text" name="cedula" id="cedula" value="<?PHP echo $_GET["cedula"];?>">
<label>Mail 1:
    <span class="small">Obligatorio</span>
</label>
<input type="text" name="mailUno" id="mailUno" value="<?PHP echo $_GET["mailUno"];?>">
<label>Mail 2:</label>
<input type="text" name="mailDos" id="mailDos" value="<?PHP echo $_GET["mailDos"];?>">
<label>Teléfono:</label>
	<input type="text" name="telefono" id="telefono" value="<?PHP echo $_GET["telefono"];?>">
<label>Celular:</label>
	<input type="text" name="celular" id="celular" value="<?PHP echo $_GET["celular"];?>">
<label>Dirección:</label>
<input type="text" name="direccion" id="direccion" value="<?PHP echo $_GET["direccion"];?>" />
<label>Profesión:</label>
<input type="text" name="profesion" id="profesion" value="<?PHP echo $_GET["profesion"];?>">
<label>Recibir novedades:</>
	<input type="checkbox" name="recibir" id="recibir" checked="checked" value="1" />
</label>
<input type="button" name="acceder" id="acceder" class="boton" onclick="Validar(form)" value="Suscribirse" />
<div class=”spacer”></div>
</form>
</div>
</div>
CSS

Código:
/*BLOQUE PARA FORMULARIOS*/

p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ———– My Form ———– */
.form{
margin:0 auto;
width:400px;/* 400 */
padding:14px;
}

p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ———– stylized ———– */
#formulario{
/*border:solid 2px #804000;
/*background: #EEC180;*/
height:240px;/*120px;*/
}
#formulario h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#formulario p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#formulario label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#formulario .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#formulario input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #996633;
width:200px;
margin:2px 0 10px 10px;
}
#formulario button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#422913; /*url(img/button.png) no-repeat;*/
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

#formulario textarea:focus, #formulario input:focus {
	border: 2px solid #900;
}

#formulario textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #996633;
width:200px;
margin:2px 0 10px 10px;
}
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 03:35.