Foros del Web » Creando para Internet » CSS »

input type="password" cambia de tamaño o size

Estas en el tema de input type="password" cambia de tamaño o size en el foro de CSS en Foros del Web. Hola, Tengo un problema con un pequeño formulario el cual tengo en portada . este ofrece las opciones de ingresar mail y contraseña para ingresar ...
  #1 (permalink)  
Antiguo 22/02/2010, 22:17
 
Fecha de Ingreso: junio-2009
Mensajes: 231
Antigüedad: 8 años, 6 meses
Puntos: 1
Información input type="password" cambia de tamaño o size

Hola,

Tengo un problema con un pequeño formulario el cual tengo en portada .

este ofrece las opciones de ingresar mail y contraseña para ingresar luego a una área restringida

El problema se me da con el formato de este formulario. y les explico por que

tengo los dos imput


<input name="email" type="text" class="form-borde" id="email" size="21" />

<input name="pass" type="password" class="form-borde" id="pass" size="21" />

como se ve estoy usando una clase en css class="form-borde"

.form-borde{
border: #D8DDC7 1px solid;
color:#888C67;
padding:2px 0 2px 0;

}

Bueno el tema es que cuando segundo input no tiene la etiqueta type="password" osea cuando no protege la contraseña en ie y en firefox se me ven ambos input del mismo tamaño ...

pero cuando le agrego al segundo input la etiqueta type="password" me queda mucho mas corto este input.

Osea el primer input queda mucho mas largo que el segundo el cual le agrego la etiqueta type="password"

en Firefox se ve bien..

YO ahora pregunto...

como solucciono esto?

porque si le doy mas pading desde css se soluciona en ie pero en firefox queda mas largo el campo de contraseña...

Como puedo hacer para que se vean del mismo tamaño en ambos navegadores

?
  #2 (permalink)  
Antiguo 23/02/2010, 00:05
Avatar de dacho  
Fecha de Ingreso: junio-2008
Ubicación: Argentina
Mensajes: 374
Antigüedad: 9 años, 6 meses
Puntos: 21
Respuesta: input type="password" cambia de tamaño o size

Hola autista, podes probar colocandole un width fijo. eso deberia fincionar, es decir por ejemplo:

Código:
.form-borde{
border: #D8DDC7 1px solid;
color:#888C67;
padding:2px 0 2px 0;
width: 200px;
}
Proba el codigo y avisa si no funciona!
__________________
Curso de SEO y HTML.
Diprox.com.ar // Diseño Web.
Mi twitter: @soydacho
  #3 (permalink)  
Antiguo 23/02/2010, 01:17
 
Fecha de Ingreso: junio-2009
Mensajes: 231
Antigüedad: 8 años, 6 meses
Puntos: 1
Respuesta: input type="password" cambia de tamaño o size

Si es verdad.

Funciono!

Muchas gracias amigo karma para ti

Etiquetas: input, tamaño, cambios
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 16:51.