Foros del Web » Creando para Internet » CSS »

textarea con fondo fijo en ie

Estas en el tema de textarea con fondo fijo en ie en el foro de CSS en Foros del Web. buenas a todos. tengo el siguiente problema: tengo un input text que tiene que tener una imagen con botón para buscar productos pueden verla en ...
  #1 (permalink)  
Antiguo 29/11/2008, 12:20
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
textarea con fondo fijo en ie

buenas a todos.

tengo el siguiente problema: tengo un input text que tiene que tener una imagen con botón para buscar productos pueden verla en este vínculo

lo que pasa es que utilizando esta clase:

Código:
.buscar{
	width:115px;
	height:30px;
	border:0;
	padding:0;
	background-image:url(../imagenes/buscar.jpg);
	line-height:30px;
	text-indent:3px;
	background-repeat:no-repeat;
	float:right;
}
todo se ve bien pero al intentar escribir en text una cadena larga el fondo se desplaza en ie6,7 pero en los demás no chrome,ff,safari..etc, escriban en el text y verán el problema, ya probé utilizando background-attachment:fixed y funciona para ie pero no en los demás

me olvidaba la imagen del text es esta:



gracias de antemano..

Retiro la pregunta lo he solucionado gracias

Última edición por willyfc; 29/11/2008 a las 12:31
  #2 (permalink)  
Antiguo 29/11/2008, 22:00
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: textarea con fondo fijo en ie

ponerlo por fuera no dentro del input
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 30/11/2008, 09:58
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: textarea con fondo fijo en ie

Cita:
Iniciado por willyfc Ver Mensaje
Retiro la pregunta lo he solucionado gracias
Deberías poner cómo, para que si alguien encuentra esta cuestión sepa cómo se soluciona.
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 01/12/2008, 08:57
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: textarea con fondo fijo en ie

Cita:
Iniciado por Mikmoro Ver Mensaje
Deberías poner cómo, para que si alguien encuentra esta cuestión sepa cómo se soluciona.
tienes razón Mikel, se me fué, aquí explicaré como lo hize:

la primera fue recurriendo a un hack para IE6,7. de la siguiente manera:

Código:
.buscar{width:115px;height:30px;background-image:url(../imagenes/buscar.jpg);background-repeat:no-repeat;	float:right;
_background-attachment:fixed;
}

Código HTML:
<input type="text" class="buscar" /> 
ahora, el hack es necesario por que el background-attachment:fixed se ve bien en ambos IE pero en los demás navegadores ya no sale la imagen pero con el hack queda bien

y si no se quiere utilizar un hack se puede utilizar un div con este mismo fondo y al input text se le quita los bordes y se pone el color de fondo transparente quedando de esta manera:

Código:
.buscar{width:115px;height:30px;background-image:url(../imagenes/buscar.jpg);background-repeat:no-repeat;	float:right;
.caja{border:0; width:110px; height:20px; float:right; text-indent:3px; margin-top:5px; background-color:transparent;}
}

Código HTML:
<div class="buscar">
	<input type="text" name="txtbuscar" value="" class="caja" />
</div> 
eso sería todo, espero que alguien le sirva.
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 22:23.