ayuda div flotante

[Edig]

Hola he puedo unas div flotantes pero las imagenes entre ellas se tapan [cosa que no me molesta] pero una tampa a otra, y no se como estan organisadas ayi como lo arreglo?

el codigo de la imagen que tapa a la otra esta puesto primero

[kronenmix]

¿Por qué no pones el código?

[Edig]

Bueno aqi esta el code recirtado en 2 partes por que no cabe xD espero que me puedan ayudar

Código PHP:

 <script language="javascript">
function casilla(numero, cons, lvl) {
if(cons == 0) {
cons = "N/A";
}else if (cons == 1){
cons = "Casa";
}else if(cons == 2) {
cons = "Casa";
}else if(cons == 3) {
cons = "Laboratorio";
}else if(cons == 4) {
cons = "Laboratorio";
}else if(cons == 5) {
cons = "Embajada";
}else if(cons == 6) {
cons = "Embajada";
}else if(cons == 7) {
cons = "Bosque";
}else if(cons == 8) {
cons = "Bosque";
}
 
if(lvl == 0) {
lvl = "N/A";
}
if(numero == 0) {
 document.getElementById('campo').innerHTML = " "; 
 document.getElementById('cons').innerHTML = " "; 
 document.getElementById('lvl').innerHTML = " "; 
}else{
 document.getElementById('campo').innerHTML = numero;  
 document.getElementById('cons').innerHTML = cons;
 document.getElementById('lvl').innerHTML = lvl; 
}
}
 
function ventana(casilla) {
    window.opener.loadurl('construir.php?id_construir='+casilla+'', 'main');
    window.close()
}
 
function ventana2(casilla2) {
    window.opener.loadurl('construir.php?id_construir='+casilla2+'', 'main');
    window.close()
}
</script>
<link href="css.css" rel="stylesheet" type="text/css">
<?
include("conectar.php");
include("funciones.php");
if(isset($_GET['id_mapa'])) {
$id_mapa = $_GET['id_mapa'];
}else{
$id_mapa = 1;
}
$sql_campo = "SELECT * FROM usuarios WHERE user='$user'";
$result_campo = mysql_query($sql_campo, $conectar) or die (mysql_error());
$row_campo = mysql_fetch_array($result_campo);
$max_campo = $row_campo['casillas'];
$max_campo2 = $max_campo - 24;
if($id_mapa >= 476) {
$id_mapa = 476;
}
if($id_mapa <= 0) {
$id_mapa = 1;
}
$casilla1 = $id_mapa;
$casilla2 = $id_mapa + 1;
$casilla3 = $id_mapa + 2;
$casilla4 = $id_mapa + 3;
$casilla5 = $id_mapa + 4;
$casilla6 = $casilla1 + 5;
$casilla7 = $casilla2 + 5;
$casilla8 = $casilla3 + 5;
$casilla9 = $casilla4 + 5;
$casilla10 = $casilla5 + 5;
$casilla11 = $casilla6 + 5;
$casilla12 = $casilla7 + 5;
$casilla13 = $casilla8 + 5;
$casilla14 = $casilla9 + 5;
$casilla15 = $casilla10 + 5;
$casilla16 = $casilla11 + 5;
$casilla17 = $casilla12 + 5;
$casilla18 = $casilla13 + 5;
$casilla19 = $casilla14 + 5;
$casilla20 = $casilla15 + 5;
$casilla21 = $casilla16 + 5;
$casilla22 = $casilla17 + 5;
$casilla23 = $casilla18 + 5;
$casilla24 = $casilla19 + 5;
$casilla25 = $casilla20 + 5;
$mapa_flecha4 = $id_mapa + 1;
$mapa_flecha = $id_mapa + 5;
if($id_mapa == 1) {
$mapa_flecha3 = 1;
}else{
$mapa_flecha3 = $id_mapa - 1;
}
if($id_mapa <= 5 ) {
$mapa_flecha2 = 1;
}else{
$mapa_flecha2 = $id_mapa - 5;
}
 
if($mapa_flecha >= $max_campo2) {
$mapa_flecha = $max_campo2;
}
if($id_mapa >= $max_campo2) {
$mapa_flecha4 = $max_campo2;
}
$num = 1;
$num3 = $id_mapa;
do{
//casilla .num
${"sql_casilla_".$num} = "SELECT * FROM construccion WHERE id='".$num3."' and user='".$user."'";
${"result_casilla_".$num} = mysql_query(${"sql_casilla_".$num}) or die (mysql_error());
if(${"row_casilla_".$num} = mysql_fetch_array(${"result_casilla_".$num})) {
${"lvl".$num} = ${"row_casilla_".$num}['lvl'];
${"construir".$num} = ${"row_casilla_".$num}['construccion'];
}else{
${"lvl".$num} = "0";
${"construir".$num} = "0";
}
$num++;
$num3++;
}while($num <= 25);
?>
<style type="text/css">
<!--
#apDiv1 {
    position:absolute;
    left:9px;
    top:56px;
    width:428px;
    height:185px;
    z-index:1;
}
#apDiv2 {
    position:absolute;
    left:9px;
    top:0px;
    width:117px;
    height:50px;
    z-index:2;
}
#apDiv3 {
    position:absolute;
    width:21px;
    height:29px;
    z-index:3;
    left: 36px;
    top: 111px;
    }
#apDiv4 {
    position:absolute;
    width:32px;
    height:24px;
    z-index:4;
    left: 344px;
    top: 80px;
}
#apDiv5 {
    position:absolute;
    width:32px;
    height:24px;
    z-index:4;
    left: 67px;
    top: 185px;
}
#apDiv6 {
    position:absolute;
    width:25px;
    height:26px;
    z-index:5;
    left: 92px;
    top: 64px;
}
#apDiv7 {
    position:absolute;
    width:26px;
    height:28px;
    z-index:6;
    left: 325px;
    top: 201px;
}
#apDiv9 {
    position:absolute;
    width:27px;
    height:28px;
    z-index:7;
    left: 74px;
    top: 134px;
}
#apDiv8 {
    position:absolute;
    left:96px;
    top:3px;
    width:401px;
    height:23px;
    z-index:8;
}
.Estilo3 {
    color: #FFFFFF;
    font-size: 16px;
}
.casilla {
    color: #FFFFFF;
}
#apDiv10 {
    position:absolute;
    left:116px;
    top:155px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv13 {
    position:absolute;
    left:84px;
    top:96px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv11 {
    position:absolute;
    left:156px;
    top:174px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv12 {
    position:absolute;
    left:198px;
    top:195px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv14 {
    position:absolute;
    left:122px;
    top:120px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv15 {
    position:absolute;
    left:166px;
    top:140px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv16 {
    position:absolute;
    left:208px;
    top:161px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv17 {
    position:absolute;
    left:245px;
    top:181px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv18 {
    position:absolute;
    left:128px;
    top:82px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv19 {
    position:absolute;
    left:168px;
    top:102px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv20 {
    position:absolute;
    left:211px;
    top:123px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv21 {
    position:absolute;
    left:252px;
    top:144px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv22 {
    position:absolute;
    left:289px;
    top:166px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv23 {
    position:absolute;
    left:174px;
    top:65px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv24 {
    position:absolute;
    left:215px;
    top:86px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv25 {
    position:absolute;
    left:257px;
    top:106px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv26 {
    position:absolute;
    left:297px;
    top:128px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv27 {
    position:absolute;
    left:335px;
    top:150px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv28 {
    position:absolute;
    left:221px;
    top:50px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv29 {
    position:absolute;
    left:260px;
    top:70px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv30 {
    position:absolute;
    left:302px;
    top:91px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv31 {
    position:absolute;
    left:342px;
    top:112px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv32 {
    position:absolute;
    left:380px;
    top:134px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv33 {    position:absolute;
    left:116px;
    top:155px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv34 {    position:absolute;
    left:116px;
    top:155px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv35 {    position:absolute;
    left:116px;
    top:155px;
    width:24px;
    height:27px;
    z-index:9;
}
#apDiv36 {
    position:absolute;
    left:728px;
    top:227px;
    width:35px;
    height:41px;
    z-index:9;
}
#apDiv37 {
    position:absolute;
    left:571px;
    top:152px;
    width:69px;
    height:57px;
    z-index:9;
}
#apDiv38 {
    position:absolute;
    left:397px;
    top:83px;
    width:34px;
    height:16px;
    z-index:9;
}
#apDiv39 {
    position:absolute;
    left:469px;
    top:236px;
    width:35px;
    height:57px;
    z-index:10;
}
body {
    background-color: #000000;
}
#apDiv41 {    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 38px;
    top: 100px;
}
#apDiv42 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 81px;
    top: 123px;
}
#apDiv43 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 121px;
    top: 143px;
}
#apDiv44 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 161px;
    top: 163px;
}
#apDiv45 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 200px;
    top: 185px;
}
#apDiv46 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 87px;
    top: 85px;
}
#apDiv47 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 127px;
    top: 105px;
}
#apDiv48 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 168px;
    top: 125px;
}
#apDiv49 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 209px;
    top: 146px;
}
#apDiv50 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 248px;
    top: 169px;
}
#apDiv51 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 132px;
    top: 69px;
}
#apDiv52 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 170px;
    top: 89px;
}
#apDiv53 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 211px;
    top: 109px;
}
#apDiv54 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 256px;
    top: 129px;
}
#apDiv55 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 292px;
    top: 151px;
}
#apDiv56 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 177px;
    top: 55px;
}
#apDiv57 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 217px;
    top: 74px;
}
#apDiv58 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 253px;
    top: 98px;
}
#apDiv59 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 295px;
    top: 115px;
}  

[Edig]

Código PHP:

  #apDiv60 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 338px;
    top: 136px;
}
#apDiv61 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 224px;
    top: 38px;
}
#apDiv62 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 265px;
    top: 58px;
}
#apDiv63 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 303px;
    top: 79px;
}
#apDiv64 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 342px;
    top: 101px;
}
#apDiv65 {
    position:absolute;
    width:18px;
    height:39px;
    z-index:3;
    left: 379px;
    top: 120px;
}
#apDiv40 {
    position:absolute;
    left:222px;
    top:303px;
    width:43px;
    height:57px;
    z-index:9;
}
#apDiv66 {
    position:absolute;
    left:139px;
    top:292px;
    width:35px;
    height:30px;
    z-index:9;
}
#apDiv67 {
    position:absolute;
    left:298px;
    top:302px;
    width:25px;
    height:33px;
    z-index:9;
}
#apDiv68 {
    position:absolute;
    left:532px;
    top:66px;
    width:30px;
    height:31px;
    z-index:9;
}
#apDiv69 {
    position:absolute;
    left:10px;
    top:104px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv70 {
    position:absolute;
    left:53px;
    top: 125px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv71 {
    position:absolute;
    left:92px;
    top: 147px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv72 {
    position:absolute;
    left:131px;
    top: 167px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv73 {
    position:absolute;
    left:172px;
    top: 187px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv74 {
    position:absolute;
    left:57px;
    top: 88px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv75 {
    position:absolute;
    left:97px;
    top: 110px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv76 {
    position:absolute;
    left:139px;
    top: 131px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv77 {
    position:absolute;
    left:181px;
    top: 151px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv78 {
    position:absolute;
    left:219px;
    top: 171px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv79 {
    position:absolute;
    left:102px;
    top: 71px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv80 {
    position:absolute;
    left:140px;
    top: 93px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv81 {
    position:absolute;
    left:183px;
    top: 113px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv82 {
    position:absolute;
    left:225px;
    top: 135px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv83 {
    position:absolute;
    left:264px;
    top: 157px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv84 {
    position:absolute;
    left:148px;
    top: 57px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv85 {
    position:absolute;
    left:189px;
    top: 78px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv86 {
    position:absolute;
    left:232px;
    top: 100px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv87 {
    position:absolute;
    left:269px;
    top: 118px;
    width:59px;
    height:41px;
    z-index:9;
}
 
#apDiv88 {
    position:absolute;
    left:307px;
    top: 140px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv89 {
    position:absolute;
    left:194px;
    top: 44px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv90 {
    position:absolute;
    left:235px;
    top: 63px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv91 {
    position:absolute;
    left:278px;
    top: 83px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv92 {
    position:absolute;
    left:313px;
    top: 104px;
    width:59px;
    height:41px;
    z-index:9;
}
#apDiv93 {
    position:absolute;
    left:352px;
    top: 125px;
    width:59px;
    height:41px;
    z-index:9;
}
</style> 
   

[Edig]

Código PHP:

  <?
//69 - 93  Bosque
$div1 = 'apDiv3';
$div2 = 'apDiv9';
$div3 = 'apDiv10';
$div4 = 'apDiv11';
$div5 = 'apDiv12';
$div6 = 'apDiv13';
$div7 = 'apDiv14';
$div8 = 'apDiv15';
$div9 = 'apDiv16';
$div10 = 'apDiv17';
$div11 = 'apDiv18';
$div12 = 'apDiv19';
$div13 = 'apDiv20';
$div14 = 'apDiv21';
$div15 = 'apDiv22';
$div16 = 'apDiv23';
$div17 = 'apDiv24';
$div18 = 'apDiv25';
$div19 = 'apDiv26';
$div20 = 'apDiv27';
$div21 = 'apDiv28';
$div22 = 'apDiv29';
$div23 = 'apDiv30';
$div24 = 'apDiv31';
$div25 = 'apDiv32';
$div1_1 = 'apDiv41';
$div2_2 = 'apDiv42';
$div3_3 = 'apDiv43';
$div4_4 = 'apDiv44';
$div5_5 = 'apDiv45';
$div6_6 = 'apDiv46';
$div7_7 = 'apDiv47';
$div8_8 = 'apDiv48';
$div9_9 = 'apDiv49';
$div10_10 = 'apDiv50';
$div11_11 = 'apDiv51';
$div12_12 = 'apDiv52';
$div13_13 = 'apDiv53';
$div14_14 = 'apDiv54';
$div15_15 = 'apDiv55';
$div16_16 = 'apDiv56';
$div17_17 = 'apDiv57';
$div18_18 = 'apDiv58';
$div19_19 = 'apDiv59';
$div20_20 = 'apDiv60';
$div21_21 = 'apDiv61';
$div22_22 = 'apDiv62';
$div23_23 = 'apDiv63';
$div24_24 = 'apDiv64';
$div25_25 = 'apDiv65';
$div1_1_1 = 'apDiv69';
$div2_2_2 = 'apDiv70';
$div3_3_3 = 'apDiv71';
$div4_4_4 = 'apDiv72';
$div5_5_5 = 'apDiv73';
$div6_6_6 = 'apDiv74';
$div7_7_7 = 'apDiv75';
$div8_8_8 = 'apDiv76';
$div9_9_9 = 'apDiv77';
$div10_10_10 = 'apDiv78';
$div11_11_11 = 'apDiv79';
$div12_12_12 = 'apDiv80';
$div13_13_13 = 'apDiv81';
$div14_14_14 = 'apDiv82';
$div15_15_15 = 'apDiv83';
$div16_16_16 = 'apDiv84';
$div17_17_17 = 'apDiv85';
$div18_18_18 = 'apDiv86';
$div19_19_19 = 'apDiv87';
$div20_20_20 = 'apDiv88';
$div21_21_21 = 'apDiv89';
$div22_22_22 = 'apDiv90';
$div23_23_23 = 'apDiv91';
$div24_24_24 = 'apDiv92';
$div25_25_25 = 'apDiv93';
//casilla .num
$num2 = 1;
$num3 = $id_mapa;
do{
$div_ca = ${"div".$num2};
$div_ca2 = ${"div".$num2."_".$num2};
$div_ca3 = ${"div".$num2."_".$num2."_".$num2};
$casilla_ca = ${"casilla".$num2};
$construir_ca = ${"construir".$num2};
$lvl_ca = ${"lvl".$num2};
if(${"construir".$num2} == 1) {
echo '<div id="'.$div_ca.'"><a href="#" onclick = "ventana2('.$casilla_ca.')"  onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/casa_en_construccion.png" width="25" height="27" border="0"/></a></div>';
}elseif(${"construir".$num2} == 2) {
echo '<div id="'.$div_ca.'"><a href="#" onclick = "ventana2('.$casilla_ca.')" onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/casa.png" width="25" height="27" border="0"/></a></div>';
}elseif(${"construir".$num2} == 3) {
echo '<div id="'.$div_ca.'"><a href="#" onclick = "ventana2('.$casilla_ca.')" onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/laboratorio2.png" width="25" height="27" border="0"/></a></div>';
}elseif(${"construir".$num2} == 4) {
echo '<div id="'.$div_ca.'"><a href="#" onclick = "ventana2('.$casilla_ca.')" onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/laboratorio.png" width="25" height="27" border="0"/></a></div>';
}elseif(${"construir".$num2} == 5) {
echo '<div id="'.$div_ca2.'"><a href="#" onclick = "ventana2('.$casilla_ca.')" onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/embajada2.png" width="18" height="39" border="0"/></a></div>';
}elseif(${"construir".$num2} == 6) {
echo '<div id="'.$div_ca2.'"><a href="#" onclick = "ventana2('.$casilla_ca.')" onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/embajada.png" width="18" height="39" border="0"/></a></div>';
}elseif(${"construir".$num2} == 7) {
echo '<div id="'.$div_ca3.'"><a href="#" onclick = "ventana2('.$casilla_ca.')" onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/bosque2.png" width="87" height="46" border="0"/></a></div>';
}elseif(${"construir".$num2} == 8) {
echo '<div id="'.$div_ca3.'"><a href="#" onclick = "ventana2('.$casilla_ca.')" onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/bosque.png" width="87" height="46" border="0"/></a></div>';
}elseif(${"construir".$num2} == 9) {
echo '<div id="'.$div_ca.'"><a href="#" onclick = "ventana2('.$casilla_ca.')"  onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/casa2.png" width="25" height="27" border="0"/></a></div>';
}elseif(${"construir".$num2} == 10) {
echo '<div id="'.$div_ca.'"><a href="#" onclick = "ventana2('.$casilla_ca.')" onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/casa2_2.png" width="25" height="27" border="0"/></a></div>';
}elseif(${"construir".$num2} == 11) {
echo '<div id="'.$div_ca.'"><a href="#" onclick = "ventana2('.$casilla_ca.')"  onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/casa3.png" width="25" height="27" border="0"/></a></div>';
}elseif(${"construir".$num2} == 12) {
echo '<div id="'.$div_ca.'"><a href="#" onclick = "ventana2('.$casilla_ca.')" onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/casa3_2.png" width="25" height="27" border="0"/></a></div>';
}elseif(${"construir".$num2} == 13) {
echo '<div id="'.$div_ca.'"><a href="#" onclick = "ventana2('.$casilla_ca.')"  onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/casa4.png" width="25" height="27" border="0"/></a></div>';
}elseif(${"construir".$num2} == 14) {
echo '<div id="'.$div_ca.'"><a href="#" onclick = "ventana2('.$casilla_ca.')" onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/casa4_2.png" width="25" height="27" border="0"/></a></div>';
}elseif(${"construir".$num2} == 15) {
echo '<div id="'.$div_ca.'"><a href="#" onclick = "ventana2('.$casilla_ca.')"  onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/casa5.png" width="25" height="27" border="0"/></a></div>';
}elseif(${"construir".$num2} == 16) {
echo '<div id="'.$div_ca.'"><a href="#" onclick = "ventana2('.$casilla_ca.')" onmouseover="casilla('.$casilla_ca.', '.$construir_ca.', '.$lvl_ca.')" onmouseout="casilla(0,0,0)"><img src="imagenes/casa5_2.png" width="25" height="27" border="0"/></a></div>';
}
$num2++;
$num3++;
}while($num2 <= 25);
?>
<title>Mapa del Imperio</title><div id="apDiv1"><span class="div"><img src="imagenes/mapa.png" width="426" height="183" border="0" usemap="#Map"></span><span class="div">  

[Edig]

Código PHP:

 <map name="Map">
  <area shape="poly" coords="384,82,425,103,377,119,339,98" href="" onclick="ventana('<? echo $casilla25;?>')" onmouseover="casilla(<? echo $casilla25; ?>, <? echo $construir25; ?>, <? echo $lvl25; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="340,98,381,119,333,135,295,114" href="" onclick="ventana('<? echo $casilla20;?>')" onmouseover="casilla(<? echo $casilla20; ?>, <? echo $construir20; ?>, <? echo $lvl20; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="295,114,336,135,288,151,250,130" href="" onclick="ventana('<? echo $casilla15;?>')" onmouseover="casilla(<? echo $casilla15; ?>, <? echo $construir15; ?>, <? echo $lvl15; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="250,130,291,151,243,167,205,146" href="" onclick="ventana('<? echo $casilla10;?>')" onmouseover="casilla(<? echo $casilla10; ?>, <? echo $construir10; ?>, <? echo $lvl10; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="204,145,245,166,197,182,159,161" href="" onclick="ventana('<? echo $casilla5;?>')" onmouseover="casilla(<? echo $casilla5; ?>, <? echo $construir5; ?>, <? echo $lvl5; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="347,61,388,82,340,98,302,77" href="" onclick="ventana('<? echo $casilla24;?>')" onmouseover="casilla(<? echo $casilla24; ?>, <? echo $construir24; ?>, <? echo $lvl24; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="301,77,342,98,294,114,256,93" href="" onclick="ventana('<? echo $casilla19;?>')" onmouseover="casilla(<? echo $casilla19; ?>, <? echo $construir19; ?>, <? echo $lvl19; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="257,92,298,113,250,129,212,108" href="" onclick="ventana('<? echo $casilla14;?>')" onmouseover="casilla(<? echo $casilla14; ?>, <? echo $construir14; ?>, <? echo $lvl14; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="213,109,254,130,206,146,168,125" href="" onclick="ventana('<? echo $casilla9;?>')" onmouseover="casilla(<? echo $casilla9; ?>, <? echo $construir9; ?>, <? echo $lvl9; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="164,124,205,145,157,161,119,140" href="" onclick="ventana('<? echo $casilla4;?>')" onmouseover="casilla(<? echo $casilla4; ?>, <? echo $construir4; ?>, <? echo $lvl4; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="309,40,350,61,302,77,264,56" href="" onclick="ventana('<? echo $casilla23;?>')" onmouseover="casilla(<? echo $casilla23; ?>, <? echo $construir23; ?>, <? echo $lvl23; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="263,56,304,77,256,93,218,72" href="" onclick="ventana('<? echo $casilla18;?>')" onmouseover="casilla(<? echo $casilla18; ?>, <? echo $construir18; ?>, <? echo $lvl18; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="216,71,257,92,209,108,171,87" href="" onclick="ventana('<? echo $casilla13;?>')" onmouseover="casilla(<? echo $casilla13; ?>, <? echo $construir13; ?>, <? echo $lvl13; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="171,88,212,109,164,125,126,104" href="" onclick="ventana('<? echo $casilla8;?>')" onmouseover="casilla(<? echo $casilla8; ?>, <? echo $construir8; ?>, <? echo $lvl8; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="123,104,164,125,116,141,78,120" href="" onclick="ventana('<? echo $casilla3;?>')" onmouseover="casilla(<? echo $casilla3; ?>, <? echo $construir3; ?>, <? echo $lvl3; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="265,20,306,41,258,57,220,36" href="" onclick="ventana('<? echo $casilla22;?>')" onmouseover="casilla(<? echo $casilla22; ?>, <? echo $construir22; ?>, <? echo $lvl22; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="221,35,262,56,214,72,176,51" href="" onclick="ventana('<? echo $casilla17;?>')" onmouseover="casilla(<? echo $casilla17; ?>, <? echo $construir17; ?>, <? echo $lvl17; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="175,51,216,72,168,88,130,67" href="" onclick="ventana('<? echo $casilla12;?>')" onmouseover="casilla(<? echo $casilla12; ?>, <? echo $construir12; ?>, <? echo $lvl12; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="129,68,170,89,122,105,84,84" href="" onclick="ventana('<? echo $casilla7;?>')" onmouseover="casilla(<? echo $casilla7; ?>, <? echo $construir7; ?>, <? echo $lvl7; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="84,83,125,104,77,120,39,99" href="" onclick="ventana('<? echo $casilla2;?>')" onmouseover="casilla(<? echo $casilla2; ?>, <? echo $construir2; ?>, <? echo $lvl2; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="225,-1,266,20,218,36,180,15" href="" onclick="ventana('<? echo $casilla21;?>')" onmouseover="casilla(<? echo $casilla21; ?>, <? echo $construir21; ?>, <? echo $lvl21; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="181,14,222,35,174,51,136,30" href="" onclick="ventana('<? echo $casilla16;?>')" onmouseover="casilla(<? echo $casilla16; ?>, <? echo $construir16; ?>, <? echo $lvl16; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="136,30,177,51,129,67,91,46" href="" onclick="ventana('<? echo $casilla11;?>')" onmouseover="casilla(<? echo $casilla11; ?>, <? echo $construir11; ?>, <? echo $lvl11; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="90,46,131,67,83,83,45,62" href="" onclick="ventana('<? echo $casilla6;?>')" onmouseover="casilla(<? echo $casilla6; ?>, <? echo $construir6; ?>, <? echo $lvl6; ?>)" onmouseout="casilla(0,0,0)">
  <area shape="poly" coords="43,62,84,83,36,99,-2,78" href="" onclick="ventana('<? echo $casilla1;?>')" onmouseover="casilla(<? echo $casilla1; ?>, <? echo $construir1; ?>, <? echo $lvl1; ?>)" onmouseout="casilla(0,0,0)">
</map>
</span></div>
<div class="letras3" id="apDiv2">
  <table width="200" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td height="23"><span class="letras3">Construido: </span></td>
      <td class="letras2"><div class="letras2" id="cons"></div></td>
    </tr>
    <tr>
      <td height="23"><span class="letras3">Nivel: </span></td>
      <td class="letras2"><div class="letras2" id="lvl"></div></td>
    </tr>
    <tr>
      <td width="71" height="23"><span class="letras3">Casilla:</span></td>
      <td width="129"><div class="letras2" id="campo"></div></td>
    </tr>
  </table>
</div>
<div class="titulo" id="apDiv8">
  <div align="center" class="titulo">Mapa de Construccion</div>
</div>
<map name="MapMap">
  <area shape="poly" coords="45,62,86,83,38,99,0,78" href="#">
</map>
<div id="apDiv4"><a href="mapa.php?id_mapa=<? echo $mapa_flecha; ?>"><img src="imagenes/mapa_flecha.png" width="33" height="25" border="0" /></a></div>
<div id="apDiv5"><a href="mapa.php?id_mapa=<? echo $mapa_flecha2; ?>"><img src="imagenes/mapa_flecha2.png" alt="" width="33" height="25" border="0" /></a></div>
<div id="apDiv6"><a href="mapa.php?id_mapa=<? echo $mapa_flecha3; ?>"><img src="imagenes/mapa_flecha3.png" width="32" height="26" border="0" /></a></div>
<div id="apDiv7"><a href="mapa.php?id_mapa=<? echo $mapa_flecha4; ?>"><img src="imagenes/mapa_flecha4.png" width="34" height="27" border="0"/></a></div>  

puse todo el code son 1060 lineas y no moiti los css por que talvez puede estar ayi el problema

[kronenmix]

Te aconsejo que pongas una versión simplificada del código html que reproduzca tu problema, con eso no te va a ayudar mucha gente :P

[Edig]

bueno como sabras es auto cerada por el code pero pondre un ejemplo de lo creado, el porblema es que cuando son imagene smuy largas y hay otra atras de ella se tapa ya intente poner primero la de atras y luego al de adelante y suige igaul :S

Código HTML:

<script language="javascript"> 
function casilla(numero, cons, lvl) {
if(cons == 0) {
cons = "N/A";
}else if (cons == 1){
cons = "Casa";
}else if(cons == 2) {
cons = "Casa";
}else if(cons == 3) {
cons = "Laboratorio";
}else if(cons == 4) {
cons = "Laboratorio";
}else if(cons == 5) {
cons = "Embajada";
}else if(cons == 6) {
cons = "Embajada";
}else if(cons == 7) {
cons = "Bosque";
}else if(cons == 8) {
cons = "Bosque";
}
 
if(lvl == 0) {
lvl = "N/A";
}
if(numero == 0) {
 document.getElementById('campo').innerHTML = " "; 
 document.getElementById('cons').innerHTML = " "; 
 document.getElementById('lvl').innerHTML = " "; 
}else{
 document.getElementById('campo').innerHTML = numero;  
 document.getElementById('cons').innerHTML = cons;
 document.getElementById('lvl').innerHTML = lvl; 
}
}
 
function ventana(casilla) {
	window.opener.loadurl('construir.php?id_construir='+casilla+'', 'main');
	window.close()
}
 
function ventana2(casilla2) {
	window.opener.loadurl('construir.php?id_construir='+casilla2+'', 'main');
	window.close()
}
</script> 
<link href="css.css" rel="stylesheet" type="text/css"> 
<style type="text/css"> 
 
<div id="apDiv41"><a href="#" onclick = "ventana2(26)" onmouseover="casilla(26, 6, 1)" onmouseout="casilla(0,0,0)"><img src="imagenes/embajada.png" width="18" height="39" border="0"/></a></div><div id="apDiv9"><a href="#" onclick = "ventana2(27)" onmouseover="casilla(27, 2, 1)" onmouseout="casilla(0,0,0)"><img src="imagenes/casa.png" width="25" height="27" border="0"/></a></div><div id="apDiv10"><a href="#" onclick = "ventana2(28)" onmouseover="casilla(28, 4, 0)" onmouseout="casilla(0,0,0)"><img src="imagenes/laboratorio.png" width="25" height="27" border="0"/></a></div><div id="apDiv72"><a href="#" onclick = "ventana2(29)" onmouseover="casilla(29, 8, 1)" onmouseout="casilla(0,0,0)"><img src="imagenes/bosque.png" width="87" height="46" border="0"/></a></div><div id="apDiv73"><a href="#" onclick = "ventana2(30)" onmouseover="casilla(30, 8, 1)" onmouseout="casilla(0,0,0)"><img src="imagenes/bosque.png" width="87" height="46" border="0"/></a></div><title>Mapa del Imperio</title><div id="apDiv1"><span class="div"><img src="imagenes/mapa.png" width="426" height="183" border="0" usemap="#Map"></span><span class="div"> 
<map name="Map"> 
  <area shape="poly" coords="384,82,425,103,377,119,339,98" href="" onclick="ventana('50')" onmouseover="casilla(50, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="340,98,381,119,333,135,295,114" href="" onclick="ventana('45')" onmouseover="casilla(45, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="295,114,336,135,288,151,250,130" href="" onclick="ventana('40')" onmouseover="casilla(40, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="250,130,291,151,243,167,205,146" href="" onclick="ventana('35')" onmouseover="casilla(35, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="204,145,245,166,197,182,159,161" href="" onclick="ventana('30')" onmouseover="casilla(30, 8, 1)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="347,61,388,82,340,98,302,77" href="" onclick="ventana('49')" onmouseover="casilla(49, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="301,77,342,98,294,114,256,93" href="" onclick="ventana('44')" onmouseover="casilla(44, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="257,92,298,113,250,129,212,108" href="" onclick="ventana('39')" onmouseover="casilla(39, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="213,109,254,130,206,146,168,125" href="" onclick="ventana('34')" onmouseover="casilla(34, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="164,124,205,145,157,161,119,140" href="" onclick="ventana('29')" onmouseover="casilla(29, 8, 1)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="309,40,350,61,302,77,264,56" href="" onclick="ventana('48')" onmouseover="casilla(48, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="263,56,304,77,256,93,218,72" href="" onclick="ventana('43')" onmouseover="casilla(43, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="216,71,257,92,209,108,171,87" href="" onclick="ventana('38')" onmouseover="casilla(38, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="171,88,212,109,164,125,126,104" href="" onclick="ventana('33')" onmouseover="casilla(33, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="123,104,164,125,116,141,78,120" href="" onclick="ventana('28')" onmouseover="casilla(28, 4, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="265,20,306,41,258,57,220,36" href="" onclick="ventana('47')" onmouseover="casilla(47, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="221,35,262,56,214,72,176,51" href="" onclick="ventana('42')" onmouseover="casilla(42, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="175,51,216,72,168,88,130,67" href="" onclick="ventana('37')" onmouseover="casilla(37, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="129,68,170,89,122,105,84,84" href="" onclick="ventana('32')" onmouseover="casilla(32, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="84,83,125,104,77,120,39,99" href="" onclick="ventana('27')" onmouseover="casilla(27, 2, 1)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="225,-1,266,20,218,36,180,15" href="" onclick="ventana('46')" onmouseover="casilla(46, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="181,14,222,35,174,51,136,30" href="" onclick="ventana('41')" onmouseover="casilla(41, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="136,30,177,51,129,67,91,46" href="" onclick="ventana('36')" onmouseover="casilla(36, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="90,46,131,67,83,83,45,62" href="" onclick="ventana('31')" onmouseover="casilla(31, 0, 0)" onmouseout="casilla(0,0,0)"> 
  <area shape="poly" coords="43,62,84,83,36,99,-2,78" href="" onclick="ventana('26')" onmouseover="casilla(26, 6, 1)" onmouseout="casilla(0,0,0)"> 
</map> 
</span></div> 
<div class="letras3" id="apDiv2"> 
  <table width="200" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
      <td height="23"><span class="letras3">Construido: </span></td> 
      <td class="letras2"><div class="letras2" id="cons"></div></td> 
    </tr> 
    <tr> 
      <td height="23"><span class="letras3">Nivel: </span></td> 
      <td class="letras2"><div class="letras2" id="lvl"></div></td> 
    </tr> 
    <tr> 
      <td width="71" height="23"><span class="letras3">Casilla:</span></td> 
      <td width="129"><div class="letras2" id="campo"></div></td> 
    </tr> 
  </table> 
</div> 
<div class="titulo" id="apDiv8"> 
  <div align="center" class="titulo">Mapa de Construccion</div> 
</div> 
<map name="MapMap"> 
  <area shape="poly" coords="45,62,86,83,38,99,0,78" href="#"> 
</map> 
<div id="apDiv4"><a href="mapa.php?id_mapa=31"><img src="imagenes/mapa_flecha.png" width="33" height="25" border="0" /></a></div> 
<div id="apDiv5"><a href="mapa.php?id_mapa=21"><img src="imagenes/mapa_flecha2.png" alt="" width="33" height="25" border="0" /></a></div> 
<div id="apDiv6"><a href="mapa.php?id_mapa=25"><img src="imagenes/mapa_flecha3.png" width="32" height="26" border="0" /></a></div> 
<div id="apDiv7"><a href="mapa.php?id_mapa=27"><img src="imagenes/mapa_flecha4.png" width="34" height="27" border="0"/></a></div>