Ver Mensaje Individual
  #7 (permalink)  
Antiguo 10/03/2008, 16:37
Avatar de ElJavista
ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 17 años, 8 meses
Puntos: 67
Re: Imagen en campo de texto Formulario

Ya entendí tu problema, tienes que hacer lo siguiente:

<input class="texto" />

Y en donde pones tus estilos haces lo siguiente:

.texto {
background-image: url(imagen.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left: 25px;
}

Ahora te voy a explicar un poco los estilos. La primera linea obviamente pone el fondo al input, la segunda hace que no se repita, la tercera, posiciona la imagen de fondo a la derecha al medio (verticalmente) y la cuarta linea la da un relleno de 25 pixeles (si es un icono la imagen que vas a poner de fondo será suficiente ese relleno, sino lo aumentas o disminuyes).

Espero que te sirva.