Foros del Web » Creando para Internet » CSS »

Alinear verticalmente un input mediante CSS

Estas en el tema de Alinear verticalmente un input mediante CSS en el foro de CSS en Foros del Web. Hola a todos! Tengo un input, que tiene un height determinado. Cuando escribo el texto me aparece enganchado a la parte superior del input. Cómo ...
  #1 (permalink)  
Antiguo 22/03/2011, 12:25
 
Fecha de Ingreso: febrero-2011
Mensajes: 156
Antigüedad: 13 años, 2 meses
Puntos: 4
Alinear verticalmente un input mediante CSS

Hola a todos! Tengo un input, que tiene un height determinado. Cuando escribo el texto me aparece enganchado a la parte superior del input. Cómo podría centrarlo? El CSS que utilizo es:

.css_input_n12 {
height:20px;
font-family: Verdana, Tahoma, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
padding-top:5px;
text-transform: normal;
color: #050505;
text-decoration: none;
}

He probado con vertical-align: middle; Y me va perfecto em FF pero no en IE. Luego prové con padding-top:10px; Y en este caso va bien en IE, pero no en FF. ¿Cómo podría centrar el texto que introduzco en un <input type="text">?

Muchas gracias!
  #2 (permalink)  
Antiguo 22/03/2011, 12:26
 
Fecha de Ingreso: febrero-2011
Mensajes: 156
Antigüedad: 13 años, 2 meses
Puntos: 4
Respuesta: Alinear verticalmente un input mediante CSS

Disculpad. Cuando hablo de centrar el texto en el input, me refiero a centrarlo verticalmente.
  #3 (permalink)  
Antiguo 22/03/2011, 14:14
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Alinear verticalmente un input mediante CSS

line-height y/o paddin
  #4 (permalink)  
Antiguo 22/03/2011, 17:31
 
Fecha de Ingreso: febrero-2011
Mensajes: 156
Antigüedad: 13 años, 2 meses
Puntos: 4
Respuesta: Alinear verticalmente un input mediante CSS

Ok! Muchas gracias!!
  #5 (permalink)  
Antiguo 23/03/2011, 10:27
 
Fecha de Ingreso: marzo-2011
Mensajes: 3
Antigüedad: 13 años
Puntos: 0
Respuesta: Alinear verticalmente un input mediante CSS

Para hacer eso tienes que poner el line-height del mismo alto que el height de la caja... en el ejemplo que diste es line-height:20px; < es recomendable hacerlo porque quizas sin definir la altura de la linea en algunos navegadores se ve mal y en otros bien.

Saludos.

Etiquetas: alinear, input, mediante
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 22:49.