viernes, 15 de abril de 2011

Poner un enlace a un bloque en HTML (hacer un div clicable)

Este es un problema típico. No se pueden incluir elementos de bloque dentro de una etiqueta <a> el siguiente ejemplo NO sería válido:

<a href="ejemplo.html">
<div>
<p>Lo que sea</p>
</div>
</a>

La solución consiste en tratar la etiqueta <a> como un elemento de bloque y posicionarlo en su lugar con CSS.

El código HTML quedaría así:

<div>
<p>Lo que sea</p>
<a href="ejemplo.html" id="enlace_div" > </a>
</div>

El código CSS sería:
#enlace_div {
display: block;
height: 90px; /*La altura de la zona sobre la que se puede hacer clic*/
width: 300px; /*La anchura de la zona sobre la que se puede hacer clic*/
text-decoration: none;
position: relative;
top: -90px; /*La altura de la zona sobre la que se puede hacer clic*/
}

jueves, 7 de abril de 2011

Soclución a problemas con Jquery Cycle en IE8 e IE7

IE8 e IE7 tienen un problema con el plugin Jquery Cycle. Si tenemos un fondo con una imagen PNG con transparencia obtendremos un fondo blanco.

La solución pasa por la hoja de estilos:

#image-container img {background:none !important;}

y ya está, sencillo y efectivo.

Visto en: http://forum.jquery.com/topic/jquery-cycle-plugin-and-png-transparency-in-ie8-and-ie7

miércoles, 6 de abril de 2011

Como se ve tu página en IE8 e IE7

Internet Explorer 9 lleva incluida la posibilidad de visualizar tus páginas Web con IE8 y con IE7. Esto es muy útil para los desarrolladores de páginas web.

En Internet Explorer 9 pulsa F12 y en la ventana que se abre busca la opción "Modo de explorador".