Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/04/2007, 05:41
basterillo
 
Fecha de Ingreso: diciembre-2003
Mensajes: 71
Antigüedad: 20 años, 4 meses
Puntos: 0
formulario desalineado

Hola a todos!

Estoy haciendo un formulario con css y el problema es que las cajas no me quedan alineadas con el label, es decir, el label lo tengo a la izquierda del imput, en línea, pero me sale más abajo que el input y este muy arriba, yo lo que quiero es que estén bien alineados...Me pasa tanto en IE como en Firefox.
Este es el código:

<form id="entradaforo" action="password.php" method="post">
<fieldset id="datosempresa">
<legend>Datos de entrada </legend>
<label for="usuario">Usuario: </label>
<input name="usuario" id="usuario" type="text"
tabindex="1" />

<label for="contrasena">Contrase&ntilde;a: </label>
<input name="contrasena" id="contrasena" type="text"
tabindex="2" />



</fieldset>


<input name="enviar" type="submit" id="enviar" value="Enviar" />
<input name="borrar" type="reset" id="borrar" value="Borrar" />

</form>

Y este el css:

form {margin: 5px 35px;}
fieldset {overflow:auto; margin: 15px 0; border: 1px solid #999999; background: transparent url(../images/fondoformulario.gif) repeat-x left top !important; background: transparent url(../images/fondoformularioIE.gif) repeat-x left top; padding: 0 5px;}
legend {font-size: 11px; color: #008900; font-weight:bold; background: transparent url(../images/fondoformulariolegend.gif) repeat-x left top; border: 1px solid #999999; width: 200px; padding: 2px 5px; margin-bottom: 10px;}
label,input {display: inline;}
label {clear:left; font-size: 11px; color: #666666; text-align: left;}
input {font-size: 11px; color: #666666; margin-bottom: 10px; margin-left: 5px; border: #0f7ad1 1px solid;}

¿Alguien sabe qué puede ser?