Foros del Web » Creando para Internet » CSS »

centrar texto en un <input type="text">

Estas en el tema de centrar texto en un <input type="text"> en el foro de CSS en Foros del Web. Hola Maestros: mi pregunta es la siguiente: es posible centrar el texto que se captura en un input type=text? gracias por su apoyo....
  #1 (permalink)  
Antiguo 05/04/2005, 17:32
Avatar de payo22  
Fecha de Ingreso: noviembre-2002
Ubicación: México
Mensajes: 839
Antigüedad: 15 años, 1 mes
Puntos: 1
centrar texto en un <input type="text">

Hola Maestros:

mi pregunta es la siguiente:

es posible centrar el texto que se captura en un input type=text?

gracias por su apoyo.
  #2 (permalink)  
Antiguo 05/04/2005, 17:57
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Sonrisa Que tal payo22,

A ver si te entiendo...
Lo que quieres es centrar el texto que va dentro de un input de tipo texto, ahhhhh ahora ya lo entiendo, prueba con esto:

entre <head> y </head>
Código:
<style type="text/css">
<!--
.inputcentrado {
   text-align: center
   }
-->
</style>
Oye lo acabo de probar y si me funciona, bueno funciona bien en IE ahora en los demás no te sabré decir

Espero te sirva de algo, slds y buena suerte.
__________________
_______
Jorge Rojas.
  #3 (permalink)  
Antiguo 06/04/2005, 13:18
Avatar de payo22  
Fecha de Ingreso: noviembre-2002
Ubicación: México
Mensajes: 839
Antigüedad: 15 años, 1 mes
Puntos: 1
pero demtro del form que va?

es decir en el

<input type="text" name="texto">

no se en donde se pone ya que solo incluyendolo entre el <head> y </head> no hace nada.

gracias por todo.
  #4 (permalink)  
Antiguo 06/04/2005, 13:40
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola payo22

Al input que quieras tener centrado tienes que asignale la clase que te ha puesto iconogt en su ejemplo:

<input type="text" name="texto" class="inputcentrado" />

Si solo quieres centrar un input puedes prescindir del código entre las etiquetas <head> y ponerlo directamente:

<input type="text" name="texto" style="text-align:center" />

Saludos,

Última edición por JavierB; 06/04/2005 a las 13:42
  #5 (permalink)  
Antiguo 06/04/2005, 13:52
Avatar de payo22  
Fecha de Ingreso: noviembre-2002
Ubicación: México
Mensajes: 839
Antigüedad: 15 años, 1 mes
Puntos: 1
gracias por todo iconogt,javierB

ya me quedo
  #6 (permalink)  
Antiguo 07/04/2005, 11:46
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Hola de nuevo,

Perdón por no explicarte como tenías que aplicar la clase Esque pensé que ya sabías como hacerlo, pero igual y ya te explicó JavierB

Aquí te dejo otra forma de la cual puedes hacer lo que quieres. En una hoja de estilos externa puedes hacer que automáticamente todos los elementos input tengan o adopten el estilo que tú quieras:

Código:
INPUT {
   /***aquí todos los estilos que quieras***/
  }
Ojo, ten en cuenta que no sólo estas usando elementos input de tipo texto, sino que tendrás tipo reset, submit, radio etc...
Entonces ten cuidado con las propiedades y valores que utilices cuando uses este tipo de declaración

ahh otra cosa, el objetivo de esto es que, cuando crees el input type"text" o cualquier otro ya no tienes que preocuparte por aplicarles clases id's ni nada más, es decir así: <input type="text" size="25" />

Espero haberte podido ayudar en algo, slds y buena suerte
__________________
_______
Jorge Rojas.
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

SíEste tema le ha gustado a 1 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 22:17.