Cuando en el diseño web instalamos un menú con desplazable, o algún tipo de efecto que nos muestra o desplaza una ventana o imagen, y en la nueva ubicación tenemos embebido (incrustado) un video de youtube, este nos tapa lo que se tendría que mostrar. Muchos optan por cambiar el video de lugar o quitarlo definitivamente, haciendo incompatible este diseño.

Pero la solución es mas sencilla de lo que parece, resulta que si se le agrega al código de embebido el siguiente pase de variables, el problema desparece. Y cuál es el pase?

?wmode=transparent

Que se le agrega al final del vídeo a embeber:

Ejemplo del Diseño web sin el pase:

Ejemplo con el pase:

Hay veces que en el diseño web te encuentras con problemas simples, y los resuelves rápido y hay veces (pocas, pero más de lo que debería) que te encuentras con problemas simples y los resuelves en varias horas.
Este es uno de los problemas que tarde más de dos horas (si digo bien!!! DOS HORAS) en resolver: Resulta que un cliente quería en el área de contacto de la web que le estábamos diseñando, quitar del mapa (iframe de google maps) la burbuja (el cuadro de texto) y dejar solo el marcador de la dirección.
Al ser un mapa con las variables trasmitidas por la url (este en particular no estaba dentro de las API de google maps) no tiene ninguna documentación oficial, y la que hay dando vueltas deja mucho que desear. Cuestion: que después de las mencionadas dos horas encontré la solución:
La cariable “q=” pasa la posición del mapa y crea la burbuja recibiendo como parámetro la dirección del sitio, si en ves de esto:

http://maps.google.es/maps?q=carrer+arago+86,+barcelona(lo+que+quiero)&h1=es&output=embed

Ponemos esto (pasamos la posición del mapa con la longitud y la latitud en vez de la dirección):

 http://maps.google.es/maps?q=41.382832,2.152706&h1=es&output=embed 

el mapa tendrá el marcador, pero no la molesta burbuja.
Pero, como obtenemos la latitud y la longitud del mapa?
Con este código:

javascript:void(prompt('',gApplication.getMap().getCenter()));

Hoy me estaba dedicando al diseño web de un portal de conocimiento (próximo lanzamiento) y me encontré con un error en internet explorer (con quien si no?) muy poco documentado.
Este error traslada los márgenes del elemento padre a los IMPUT (salvo casilla de verificación, radio e imagen ni a los SELECT) y TEXAREA, haciendo que aparezcan en el diseño con un margen sobre-heredado.
La solución a este bug es crear un elemento contenedor que corte con este incorrecto flujo de márgenes, logrando que el elemento en cuestión este correctamente ubicado.
Ejemplo con error:

<div style=”margin:10px;”>
<textarea cols="67" name="campo" rows="5"></textarea>
</div>

Solución:

<div style=”margin:10px;”>
<div>
<textarea cols="67" name="campo" rows="5"></textarea>
</div>
</div>

Tags: error con el internet explorer y IMPUT  TEXAREA, error en el diseño web con internet explorer formularios y IMPUT  TEXAREA.