Hay un caso en el que la propiedad bottom no es interpretada correctamente en Internet Explorer 6: cuando el elemento con position:relative tiene un overflow:hidden y debajo está el elemento con position:absolute.

Lo primero de todo es advertir que ésta técnica no valida en CSS 2.1, aunque si lo hace en CSS 3. La llamada desde la CSS a una tipografía ayuda a eludir la necesidad de utilizar imágenes con texto (o Flash) en aquellos casos en los que se quiere utilizar una tipografía que no es […]

Recientemente estuve creando una clase para generar formularios sencillos en PHP mediante JSON. Le faltan bastantes detalles, pero se puede utilizar en la generación de formularios que no tengan mucha complejidad. Tipos de campo: Cumplen requisitos de accesibilidad para WCAG 1.0 AA Definición de los atributos del elemento FORM. Estructuración mediante elementos FIELDSET. Campo de […]

All selectors provided here are valid for CSS 2.1 unless otherwise stated. Internet Explorer 6, Internet Explorer 7 (Non standard mode), Internet Explorer 8 (Non standard mode): * html {} Internet Explorer 7, Internet Explorer 8 (IE7 standard mode): *:first-child+html {} * + html/*/ * /**/ body {} Internet Explorer 8 (Ids are examples): #ie_80 […]

Con el siguiente comando: htpasswd -nb usuario contraseña Nos devolverá: Automatically using MD5 format. usuario:$apr1$v55Iklr1$K8xj83k6NxMPXeHXfdnRu/ La segunda línea es la que habrá que copiar. En Windows será htpasswd.exe, precedido de la ruta en la que esté ubicado. La contraseña va convertida a un MD5 especial de Apache. Habrá que hacer esto por cada usuario que […]

Suele pasar que cuando hay capas emergentes y animaciones flash la capa se queda por debajo del Flash. Basta con añadir esto dentro del elemento OBJECT: <param name="wmode" value="transparent" /> Un ejemplo completo: <object type="application/x-shockwave-flash" data="fichero.swf"> <param name="wmode" value="transparent" /> <param name="movie" value="fichero.swf" /> <param name="quality" value="high" /> <p>No dispone del plugin Flash Player, si […]

Una sencilla función para detectar si se clica fuera de un elemento: document.onclick = function (e) { e = e || event var target = e.target || e.srcElement var elemento = document.getElementById(‘id_elemento’); do { if (elemento == target) { // El click se ha producido dentro del elemento, no se hace nada. return; } target […]

Simply function to detect click event outside desired element: document.onclick = function (e) { e = e || event var target = e.target || e.srcElement var element = document.getElementById(‘id_element’); do { if (element == target) { // When clicked inside element, does nothing return; } target = target.parentNode; } while (target) // When clicked outside […]

Un problema que se presenta en algunas ocasiones y que suele olvidarse bastante es la utilización de imágenes de fondo CSS en áreas de texto, y cuando se desactivan las imágenes no se ve el texto. Hoy he visto un ejemplo en la web de Vodafone. En las páginas de productos tienen un enlace con […]

Cheatsheet de Jquery 1.3 con lo esencial.