Foros del Web » Creando para Internet » CSS »

Cambiar apariencia de caja de texto

Estas en el tema de Cambiar apariencia de caja de texto en el foro de CSS en Foros del Web. Hola amigos, he de decir que he buscado en primer lugar en el foro por si existiera alguna solucion a mi duda, pero realmente no ...
  #1 (permalink)  
Antiguo 30/01/2008, 10:22
Avatar de Burasu  
Fecha de Ingreso: abril-2002
Mensajes: 101
Antigüedad: 15 años, 8 meses
Puntos: 0
Cambiar apariencia de caja de texto

Hola amigos, he de decir que he buscado en primer lugar en el foro por si existiera alguna solucion a mi duda, pero realmente no he encontrado ninguna.

Vereis, deseo cambiar en el formulario la caja de texto. Para ello he hecho una imagen y la quiero plasmar como caja de texto.

El codigo que he incluido en el css es el siguiente:

Código:
input {background: transparent url("../images/bg_input.gif") no-repeat; color: #000}
bueno la imagen aparece, en eso estoy conforme, pero existen cosas que no me funciona bien. Por ejemplo si selecciono el texto que he introducido no aparece resaltado. Si quito el transparent si funciona, pero se ve de fondo la caja de texto original. Otra cosa que ocurre es que si lo visiono en IE y empiezo a escribir se ve como la imagen empieza a moverse tambien. Es decir si la caja solo muestra 20 caracteres e introduzco 30 pues a partir del caracter 21 se ve como tambien se mueve el grafico correspondiente a la caja de texto.

Alguien me podria explicar como seria el modo correcto??

Gracias de antemano.
__________________
Blas Fernández Segura
Diseño Web basado en estándares CSS - xHTML

URL: http://www.blasfernandez.es
Correo: [email protected]
  #2 (permalink)  
Antiguo 30/01/2008, 20:05
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Re: Cambiar apariencia de caja de texto

input {background: transparent url("../images/bg_input.gif") no-repeat left top; color: #000}

proba con ponerle una posicion al fondo
ademas estaria bueno si en vez de trasparent utilizas un color por ejemplo #FFF (blanco) o uno q tenga q ver con el fondo

saludos
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 31/01/2008, 05:10
Avatar de Burasu  
Fecha de Ingreso: abril-2002
Mensajes: 101
Antigüedad: 15 años, 8 meses
Puntos: 0
Re: Cambiar apariencia de caja de texto

Ok Emiliodeg haré eso que me comentas. Muchas gracias.
__________________
Blas Fernández Segura
Diseño Web basado en estándares CSS - xHTML

URL: http://www.blasfernandez.es
Correo: [email protected]
  #4 (permalink)  
Antiguo 31/01/2008, 11:54
Avatar de Burasu  
Fecha de Ingreso: abril-2002
Mensajes: 101
Antigüedad: 15 años, 8 meses
Puntos: 0
Re: Cambiar apariencia de caja de texto

Hola amigos, he probado lo que me comentaste emiliodeg, pero el problema de que la imagen que yo he creado para la caja de texto se desplace me sigue ocurriendo.

He puesto un ejemplo aqui para que veas lo que ocurre en IE, y sin embargo no ocurre en Firefox. Quizas mi error venga por otro lado.
__________________
Blas Fernández Segura
Diseño Web basado en estándares CSS - xHTML

URL: http://www.blasfernandez.es
Correo: [email protected]
  #5 (permalink)  
Antiguo 01/02/2008, 13:01
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Re: Cambiar apariencia de caja de texto

proba con esto
input {background: transparent url("../images/bg_input.gif") no-repeat center top; color: #000}


y sino create una imagen mas larga
__________________
Degiovanni Emilio
developtus.com
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 20:26.