Blog Tecnológico de Azalorea

Hasta el día de hoy no había hablado de CSS… pues ya es tiempo de dedicarle unas líneas

Navegando por la web un día me encontré con un sitio que tenía una lupa dentro del campo de búsqueda. Eso me inspiró a probarlo por mi cuenta… tengo que decir que hasta ahora nunca se me había ocurrido la idea de ponerle una imagen de fondo a un campo de texto… y resultó ser muy fácil.

Este es el CSS:

.busqueda{
background-image:url(/img/lupa.gif);
background-repeat: no-repeat;
padding-left: 20px;
}

Ya solo queda aplicarle la clase al campo de texto y tenemos.

Ya hace tiempo que no publiqué nada en el Blog debido a la gran cantidad de trabajo que se me ha acumulado. Cómo últimamente hago mucho uso de la búsqueda rápida en Firebug quiero aprovechar para comentarlo aquí.
El inspector de Firebug dispone de un campo de búsqueda rápida situado encima del inspector a la derecha. Este nos permite ejecutar una búsqueda rápida en el código fuente de la página abierta usando selectores CSS.

Se puede hacer uso de todos los selectores que entiende Firefox que incluye CSS1 completo, gran parte de CSS2 y parte de CSS3. Por ejemplo se puede buscar todos los enlaces que tengan asignados un evento onclick buscando por “a[onclick]“.
El resultado se puede clicar para ver las propiedades del elemento y en la página este elemento es remarcado con un borde azul.

El autor de Firebug planea implementar selectores XPath en el futuro.