Ver Mensaje Individual
  #3 (permalink)  
Antiguo 08/03/2007, 09:46
stella
 
Fecha de Ingreso: septiembre-2003
Mensajes: 35
Antigüedad: 20 años, 7 meses
Puntos: 0
Re: Problema de zoom en explorer

GENIAL, no se me habia ocurrido poner el codigo, crei que se iban a marear, pero aca va, espero lo entiendan...
igual lo pueden ver en suggiero net / proyectos / cajacantabria / centrosculturales1.asp
si te fijas en firefox esta ok, en explorer da problema :(
--------------------------------------------------------------------------
CSS:
/* ESTILO PARA ZOOM */
.l { float:left; }
.r { float:left; margin-left:10px; direction:rtl; }
[class~=r] { position:relative; }

.zoom { border:1px solid #CCCCCC; }
.zoom a,.zoom a:visited { display:block;
padding:0; overflow:hidden; text-decoration:none;
height:100%; width:100%; }
[class~=r]>a { left:0; }
.zoom a:hover { position:relative;
z-index:999; padding:0; background:none;
cursor:default; height:auto; width:auto;
overflow:visible; border:1px solid #CCCCCC;
margin:-1px 0 0 -1px; }
[class~=r]>a:hover { margin:-1px -1px 0 0; }

.zoom a img { border:0; height:100%; width:100%; }
.zoom a:hover img { height:auto; width:auto;
border:0; }

a:hover .cap { display:block;
padding:10px;
direction:ltr; background:#000000; color:#fff;
font:11px Tahoma, Arial;
text-align:left; }

.noCap a:hover .cap { display:none; }
.noBdr a img,.noBdr a:hover img { border:0; }
.Lnk a:hover { cursor:pointer; }


--------------------------------------------------------------------------

EL ASP

<div class="zoom l Bdr Cap noLnk" style="width: 200px; height: 134px;"><a href="#" onclick="return false"><img src="images/fotos/exposiciones/1.jpg" alt="#1" title=""><span class="cap" style="width: 445px;">Este texto no es indispensable que esté aqui, pero puede ser una buena opcion para el longdesk. Precisaría tener el texto que quieren poner a cada foto que han enviado, y que decidan cuales van a usar para palacio cantabria y centro cultural caja cantabria.</span>
</a></div>