Foros del Web » Creando para Internet » CSS »

imagen de fondo en un textfield

Estas en el tema de imagen de fondo en un textfield en el foro de CSS en Foros del Web. Hola a todos, tengo una imagen de fondo en un textfield el problema es que al escribir algo en el textfield, la imagen hace scroll. ...
  #1 (permalink)  
Antiguo 13/10/2008, 17:27
Avatar de Lophophora  
Fecha de Ingreso: mayo-2005
Mensajes: 366
Antigüedad: 12 años, 6 meses
Puntos: 0
imagen de fondo en un textfield

Hola a todos, tengo una imagen de fondo en un textfield

el problema es que al escribir algo en el textfield, la imagen hace scroll.

Código PHP:
.error
{
    
background:#FFD5D5;
    
background-image:url(reject.gif);
    
background-repeat:no-repeat;
    
background-position:180px center;

y

Código PHP:
<input name="abc" type="text" class="error" id="abc" onblur="valida('abc');" size="20"/> 
alguien sabe como hacerle para que no se mueva la imagen de fondo?

Saludos y gracias

Lophophora
__________________
P.L.U.R.
  #2 (permalink)  
Antiguo 14/10/2008, 16:52
Avatar de Gurrutello  
Fecha de Ingreso: enero-2002
Ubicación: Ontario,Toronto [Canada]
Mensajes: 2.017
Antigüedad: 15 años, 10 meses
Puntos: 6
Respuesta: imagen de fondo en un textfield

Hola
Prueba poniendo
{
background:#FFD5D5;
background-image:url(reject.gif);
background-repeat:no-repeat;
background-position:180px center;
background-attachment:fixed;
}

pero en realidad la imagen se mueve porque es menor que el campo de texto

si pones limite al numero de caracteres, la imagen no se movera.

Código:
<input name="abc" type="text" class="error" id="abc" onblur="valida('abc');" size="20" maxlength="30"/>
o bien haces la imagen de fondo algo mas ancha.
__________________
Un Saludo
www.tutores.org
Asp | Php | Javascript | Perl | Coldfusion | Flash | +- 2000 codigos
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 03:47.