Foros del Web » Creando para Internet » CSS »

Centrado vertical del contenido de un input

Estas en el tema de Centrado vertical del contenido de un input en el foro de CSS en Foros del Web. Hola, familia: He buscado por intenet y no he encontrado nada de como centrar verticalmente el contenido de un input. Por ejemplo: Código HTML: <input ...
  #1 (permalink)  
Antiguo 06/05/2008, 11:24
Avatar de salbatore  
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.566
Antigüedad: 10 años, 8 meses
Puntos: 19
Centrado vertical del contenido de un input

Hola, familia:

He buscado por intenet y no he encontrado nada de como centrar verticalmente el contenido de un input. Por ejemplo:

Código HTML:
<input name="textfield" type="text" value="Hola mundo" style="height:60px;"> 
Que el "Hola mundo" este centrado verticalmente en los 60px de alto del input.

¿Como lo hago?
  #2 (permalink)  
Antiguo 06/05/2008, 12:04
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
Re: Centrado vertical del contenido de un input

Prueba con vertical-align: middle;

No estoy seguro de que funcione en IE6
  #3 (permalink)  
Antiguo 06/05/2008, 13:36
Avatar de salbatore  
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.566
Antigüedad: 10 años, 8 meses
Puntos: 19
Re: Centrado vertical del contenido de un input

Hola de nuevo...

Ya probe el vertical-align: middle; pero nada de nada...

¿Alguna ora opcion?
  #4 (permalink)  
Antiguo 06/05/2008, 21:01
 
Fecha de Ingreso: abril-2008
Ubicación: Oaxaca
Mensajes: 256
Antigüedad: 9 años, 7 meses
Puntos: 2
Re: Centrado vertical del contenido de un input

Cita:
Iniciado por salbatore Ver Mensaje
Hola de nuevo...

Ya probe el vertical-align: middle; pero nada de nada...

¿Alguna ora opcion?
Estas seguro? lo escribiste en el lugar correcto?
style="vertical-align:middle" checa si esta bien escrito el ingles y eso.
  #5 (permalink)  
Antiguo 07/05/2008, 19:42
Avatar de salbatore  
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.566
Antigüedad: 10 años, 8 meses
Puntos: 19
Re: Centrado vertical del contenido de un input

Hola de nuevo...

Ya lo probe, jeje... pero nada... lo curioso es que en el safari de mac funciona perfectamente pero en internet explorer de win no, menudo fastidio...

¿Sabeis alguna solucion?
  #6 (permalink)  
Antiguo 07/05/2008, 19:54
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.460
Antigüedad: 15 años, 4 meses
Puntos: 2097
Re: Centrado vertical del contenido de un input

Hasta donde yo sé, IE siempre da problemas con los estilos en elementos de formularios. De hecho, muchos ni los aplica.
  #7 (permalink)  
Antiguo 07/05/2008, 19:55
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
Re: Centrado vertical del contenido de un input

prueba usando un line-height, combínalo con padding-top para bajar el texto, pues como dice Bonez, dudo que IE6 te deje trabajar con hojas de estilo...
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 00:09.