Foros del Web » Creando para Internet » CSS »

Problema con Fondo de Campo de Texto IE7

Estas en el tema de Problema con Fondo de Campo de Texto IE7 en el foro de CSS en Foros del Web. Hola, como andan? Les traigo un error o como quiera que se llame... Algo que Internet Explorer 7 solamente me lo hace... Yo pruebo mis ...
  #1 (permalink)  
Antiguo 26/01/2009, 11:30
 
Fecha de Ingreso: noviembre-2008
Mensajes: 67
Antigüedad: 15 años, 4 meses
Puntos: 0
Problema con Fondo de Campo de Texto IE7

Hola, como andan? Les traigo un error o como quiera que se llame... Algo que Internet Explorer 7 solamente me lo hace...

Yo pruebo mis webs con Firefox, Internet Explorer 7 y Safari.

En el index tengo un pequeño div para loggearse. Y yo a los campos de texto del login, le puse fondo a traves del siguiente codigo en CSS:

Código:
.login-input-15022 {
	background: url(../images/input_15022_bg.png) no-repeat;
	width: 146px;
	height: 20px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border: 0px;
	text-align: center;
}
Pero con internet se me mueve el fondo cuando inserto textos de mayor caracteres de lo que muestra el campo, y me queda algo asi:



Se puede arreglar esto para que la imagen de fondo del campo de texto no se mueva?

No le pongo 'repeat-x' porque la imagen es para toda el cuadro de texto, o sea qsimplemente no kiero q se mueva...

Como dije antes, esto solo pasa con IE7, con Firefox y Safari anda perfecto...

Alguien me ayuda?

Bueno, desde ya, gracias...

Saludos.
  #2 (permalink)  
Antiguo 26/01/2009, 17:02
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 5 meses
Puntos: 40
Respuesta: Problema con Fondo de Campo de Texto IE7

coloca la imagen de fondo del div que contiente al input:

Código:
.buscar{width:146px;height:20px;background: url(../images/input_15022_bg.png) no-repeat; margin-top:5px; margin-right:4px;_margin-right:0}
.cajabuscar{ border:0; width:130px; height:18px;text-indent:3px; background-color:transparent; margin-top:2px;_margin:7px 7px 0 0}
y luego:

Código HTML:
<div class="buscar">
	<input type="text" name="txtbuscar" class="cajabuscar" />
</div> 
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 27/01/2009, 02:44
 
Fecha de Ingreso: noviembre-2008
Mensajes: 67
Antigüedad: 15 años, 4 meses
Puntos: 0
Respuesta: Problema con Fondo de Campo de Texto IE7

Gracias... Me anduvo de diez, no se como no se me habia ocurrido ^^
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 08:47.