10/03/2008, 16:37
|
| 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. |