Para hacer que la zona diagonal sea linkable, utiliza un mapa:
<map name="MPHLinkMapSmallLeft"><area shape="poly" coords="163,0,0,163,0,133,133,0" href="http://www.lawebdelmaestro.net" target="_blank"></map>
Aplicado a la imagen en blanco y cuadrada:
<img src="http://www.lawebdelmaestro.net/barrita/blanco.gif" width="163" height="163" border="0" usemap="#MPHLinkMapSmallLeft"
Ahora, cómo hace que la imagen en blanco saque el dibujo del "banner", no lo veo así a botepronto...
LO TENGO:
utiliza un estilo aplicado a la capa:
Código:
...<div class="MPHWhiteBandSmallLeft">...
...
http://www.lawebdelmaestro.net/barrita/estilo.css...
Código:
...
div.MPHWhiteBandSmallLeft {
position:absolute;
left:0px;
top:0px;
overflow:visible;
height:163px;
width:163px;
background-image:url(http://www.lawebdelmaestro.net/barrita/izquierda.gif);
background-repeat:no-repeat;
/* background-position:-200px -200px;*/
background-color:transparent;
margin:0;
padding:0;
color:#000;
font-family:helvetica,verdana,arial,tahoma,sans-serif;
z-index:1000000000;
border:none;
float:none;
}
...