Solucionar problema con película Flash por encima de html

julio 15, 2009

Seguramente se os habrá presentado en mas de una ocasión la situación en la que determinada animación Flash que quedaba estupendamente integrada en el diseño de nuestra página tuvo que ser reemplazada por una imagen en jpg o png porque nos era imposible situar cualquier elemento html (un menú desplegable por ejemplo) por encima de ésta cuando visualizábamos la página en nuestro navegador.

La primero que se nos viene a la mente es la utilización del z-index para situar el elemento html por encima de la animación flash que lo oculta pero esto no soluciona el problema. Si embargo, como casi todo, esto tiene solución.

En este caso,  resolveremos nuestro problema en Internet Explorer agregándole al object donde va embebido el Flash el parámetro “wmode” con valor “transparent”.

<param name=”wmode” value=”transparent” />

Firefox parece utilizar la etiqueta embed en lugar del object para mostrar la película. De modo que para resolver nuestro problema en Firefox debemos añadirle  a la etiqueta embed el atributo wmode con valor “transparent”.

<embed […] wmode=”transparent”  />


Utilización de object por iframe para conseguir un xhtml 1.1 válido

abril 1, 2008

Todos desarrollador preocupado de que sus páginas estén escritas en un xhtml limpio y validado, sabrá que el elemento iframe no está soportado en la versión 1.1. de xhtml y que, por lo tanto, su utilización ocasionará un error en la validación del código.

La solución está en la utilización del elemento object para realizar las funciones del, ya parece que anticuado, elemento iframe.

Recordemos que el elemento iframe era utilizado de la siguiente forma:
<iframe id=”IFrame1″ frameborder=”0″ scrolling=”no” width=”500″ height=”600″ src=”pagina.htm”></iframe>

Pues bien, esta será la forma de utilizar el elemento object en sustitución del elemento iframe:
<object id=”IFrame1″ type=”text/html” data=”pagina.htm” style=”width:500; height:600px;”><p
>Contenido alternativo, si la página no es encontrada!!!</p></object>

Object también puede ser utilizado para sustituir al elemento img:
<object data=”image.jpg” type=”image/jpg”>
<p>Contenido alternativo, si la página no es encontrada!!!</p></object>

La utilización de Object en sustitución de img nos aporta la posibilidad de incorporar un contenido textual alternativo a la imagen representada mas completo que los atributos alt o longdesc de la etiqueta img.