Que tal amigos...
tengo los siguinte codigo
Código HTML:
<td width="auto" height="56" scope="col">
<label id="rece18" class="numero" title="Recesión">R X</label><br />
<label id="movil18" class="numero" title="Movilidad">M X</label><br />
<label class="numero">18</label><br />
<div id="contenedor18">
<div id="i18" style="cursor:pointer;"></div>
<div id="d18" style="cursor:pointer;"></div>
<div id="t18" style="cursor:pointer;"></div>
<div id="a18" style="cursor:pointer;"></div>
<div id="c18" style="cursor:pointer;"></div>
</div>
<div id="extraer18" width="35" height="56" ><img src="images/x1.jpg" width="35" height="35" /></div>
</td>
}
<style>
#c18 {
position:absolute;
left:13px;
top:9px;
width:7px;
height:7px;
z-index:1;
cursor:pointer;
}
#t18 {
position:absolute;
left:13px;
top:-1px;
width:9px;
height:9px;
z-index:2;
cursor:pointer;
}
#d18 {
position:absolute;
left:25px;
top:10px;
width:9px;
height:9px;
z-index:3;
cursor:pointer;
}
#a18 {
position:absolute;
left:13px;
top:20px;
width:9px;
height:9px;
z-index:4;
cursor:pointer;
}
#i18 {
position:absolute;
left:1px;
top:10px;
width:9px;
height:9px;
z-index:5;
cursor:pointer;
}
#contenedor18 {
position:absolute;
left:2px;
top:42px;
width:36px;
height:34px;
z-index:1;
}
</style>
funciona así:
la imagen en un div se coloca de fondo y sobre ésta el contenedor, que tiene a los i18,t18....
al hacer cllick sobre estos div's i18,t18,d18,c18,a18, cambain de color...
el asunto es que cambie de monitor por uno mas grande, y al correr la página en cuestion, todo esta descuadrado, y al poner el otro monitor , esta correcto.
si alguien me puede dar una sugerencia.