Crysfel’s Blog

El problema
Recientemente me tope con este problema, el cual ocurre cuando tienes una animación flash (swf) incrustado en el sitio, luego, al querer poner una capa absoluta que esté sobre la animación flash, simplemente el flash siempre queda sobre cualquier otro elemento, inclusive si a la capa le pones un zindex de 100 o 1000.

La solución a este problema es sencilla, pero primero hay que explicar un poco del funcionamiento del reproductor de flash.

Los diferentes modos
A partir de la versión 6 del reproductor, Macromedia (ahora Adobe) introdujo lo que se le conoce como el wmode, este parámetro le dice al reproductor de que forma pintar el contenido de la película, existen tres modos.

Hace ya un buen rato que no escribo nada en este blog, y es que en estos últimos días anduve muy ocupado, con esto de la titulación, el trabajo, las entrevistas y muchas cosas mas, en fin, hoy quiero mostrar algo interesante que encontré navegando por la red, y se trata de un bug en el IE6, muy interesante pues se ocasiona simplemente con HTML y CSS, haciendo que el explorer simplemente truene, las lineas son las siguientes:

Este error solo se provoca en IE6, los demás exploradores muestran el documento correctamente, interesante no?

Hoy toca hablar de css , y quiero tratar el tema del remplazo de imágenes, pero, ¿Qué es esto? ¿En que nos beneficia? primeramente es bueno definir y explicar el concepto en forma general, después hablaré de las técnicas mayormente utilizadas.

Una vez escrito tu documento XHTML, semánticamente correcto, viene el siguiente paso, el cual es maquetar el sitio, o en otras palabras ponerle el diseño, para esto te auxilias en la técnica de remplazo de imágenes para cambiar un texto por una imagen, permitiendo accesibilidad a un mayor grupo de visitantes.

A continuación voy a mostrar diferentes métodos para aplicar esta técnica de remplazo de imágenes, pero antes tengo que mencionar que el remplazo de imágenes permite tener una buena accesibilidad a los usuarios, como a los buscadores, y he aquí lo interesante, que al tener accesible tu sitio, a los buscadores les agrada y ten por seguro que indexarán tu sitio rápidamente.

El día de hoy quiero mostrar como poder posicionar correctamente una imagen de fondo, en la parte inferior de la página, es algo muy sencillo, pero de esta manera podré explicar algunos conceptos fundamentales de CSS, con los cuales podrás maquetar mucho mejor, los conceptos a tratar son herencia de medidas relativas, específicamente en la propiedad height, trucos para Internet Explorer 6.

Para poner una imagen de fondo es muy sencillo, simplemente se hace lo siguiente:

Con esa línea anterior, la imagen se ha puesto como mosaico en toda la página, hasta aquí todo bien, ahora le vamos a indicar al explorador, que no queremos que se repita, para esto simplemente ponemos la siguiente línea de código css.

El próximo 5 de abril del 2007 se celebra por segunda ocación el CSS Naked Day, donde los que se inscriban a dicho evento quitarán las hojas de estilos de sus respectivos sitios, mostrando así unicamente el documento sin ninguna alteración mediante css.

El propósito de dicho evento, es el de promover los estándares, xhtml semánticamente correcto, estructuras de herencia correcta.

Este sitio, estará al descubierto el próximo 5 de abril, todo el día, si quieres ver más información al respecto, puedes visitar el sitio oficial. http://naked.dustindiaz.com/