EN las dos imagenes que tengo problema, las tengo en DIVS y ahi mismo coloco el estilo:
Código HTML:
Ver original
<div style="width:97px;height:19px;position:absolute;z-index:4;float:left;margin-top:9px;margin-left:111px;"><a href="index.php?dir=ver_inmueble"><img src="template/Inmuebles/pestana.png" border="0px"/></a></div>
<!-- Si esta VENDIDO o en OFERTA la CASA, MOSTRAR 'template/Inmuebles/etiqueta_vendido.png' o template/Inmuebles/etiqueta_oferta.png -->
<div style="width:78px;height:78px;position:absolute;z-index:4;float:left;margin-top:-10px;margin-left:-10px;" class="etiqueta_normal"><img src="template/Inmuebles/etiqueta_oferta.png" border="0px"/></div> <!-- -->
<div class="contenido" onmouseover="this.className='fichero_zoom'" onmouseout="this.className='contenido'">
<!-- Si esta VENDIDO o en OFERTA la CASA, MOSTRAR 'template/Inmuebles/etiqueta_vendido_zoom.png' o template/Inmuebles/etiqueta_oferta_zoom.png -->
<div class="etiqueta_zoom"><img src="template/Inmuebles/etiqueta_oferta_zoom.png" border="0px"/></div> <!-- FIN -->
<a href="index.php?dir=ver_inmueble"><img class="imagen" src="template/Inmuebles/img6.jpg" border="0px" /></a>
<!-- VENTA U OFERTA -->
<!-- <div class="venta estrangelo">VENTA</div> -->
<div class="venta estrangelo" style="color:#D93132">OFERTA
</div>
<!-- <div class="venta_zoom estrangelo" style="font-size:17px;color:#2D4E25;display:none;">VENTA</div> -->
<div class="venta_zoom estrangelo" style="font-size:17px;color:#D93132;display:none;">OFERTA
</div>
<div class="detalle estrangelo"> CASA: Av. San Martín (detrás Hotel Yotaú),(Mostrar Max. 70 caracteres)
<div class="detalle_zoom estrangelo" style="font-size:14px;display:none;"> CASA: Av. San Martín (detrás Hotel Yotaú), Santa Cruz (Mostrar Max. 100 caracteres)
<div class="leer_mas estrangelo"><a href="index.php?dir=ver_inmueble" style="text-decoration:none;color:#000000;">...Ver mas
</a></div>
<div class="leer_mas_zoom estrangelo" style="font-size:15px;display:none;"><a href="index.php?dir=ver_inmueble" style="text-decoration:none;color:#000000;">...Ver mas
</a></div>
<div class="precio_zoom estrangelo" style="display:none;"><a href="#" style="display:block;color:#FFFFFF;text-decoration:none;padding-top:3px;font-size:20px;">$us. 250.000
</a></div>
$('.contenido').mouseover(function() {
$('.fichero_zoom .precio_zoom').css("display","block");
$('.fichero_zoom .etiqueta_zoom').css("visibility","visible");
$('.fichero_zoom .venta_zoom').css("display","block");
$('.fichero_zoom .venta').css("display","none");
$('.fichero_zoom .detalle_zoom').css("display","block");
$('.fichero_zoom .detalle').css("display","none");
$('.fichero_zoom .leer_mas_zoom').css("display","block");
$('.fichero_zoom .leer_mas').css("display","none");
});
$('.contenido').mouseout(function() {
$('.precio_zoom').css("display","none");
$('.etiqueta_zoom').css("visibility","hidden");
$('.venta_zoom').css("display","none");
$('.venta').css("display","block");
$('.detalle_zoom').css("display","none");
$('.detalle').css("display","block");
$('.leer_mas_zoom').css("display","none");
$('.leer_mas').css("display","block");
});
<div class="precio estrangelo"><a href="#" style="display:block;color:#FFFFFF;text-decoration:none;">$us. 250.000
</a></div>
EL problema viene en esta parte:
Código PHP:
Ver original<div style="width:97px;height:19px;position:absolute;z-index:4;float:left;margin-top:9px;margin-left:111px;"><a href="index.php?dir=ver_inmueble"><img src="template/Inmuebles/pestana.png" border="0px"/></a></div>
<!-- Si esta VENDIDO o en OFERTA la CASA, MOSTRAR 'template/Inmuebles/etiqueta_vendido.png' o template/Inmuebles/etiqueta_oferta.png -->
<div style="width:78px;height:78px;position:absolute;z-index:4;float:left;margin-top:-10px;margin-left:-10px;" class="etiqueta_normal"><img src="template/Inmuebles/etiqueta_oferta.png" border="0px"/></div>
<!-- -->
El primer div es la imagen de VER FICHA y el segun DIV es la imagen redonsa OFERTA o VENDIDO. No me funciona en IE7!!