Foros del Web » Creando para Internet » Diseño web »

ayuda div flotante

Estas en el tema de ayuda div flotante en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/01/2009, 10:30
 
Fecha de Ingreso: diciembre-2007
Mensajes: 927
Antigüedad: 10 años
Puntos: 12
ayuda div flotante

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
  #2 (permalink)  
Antiguo 08/01/2009, 12:25
 
Fecha de Ingreso: julio-2008
Mensajes: 40
Antigüedad: 9 años, 5 meses
Puntos: 1
Respuesta: ayuda div flotante

¿Por qué no pones el código?
  #3 (permalink)  
Antiguo 08/01/2009, 12:30
 
Fecha de Ingreso: diciembre-2007
Mensajes: 927
Antigüedad: 10 años
Puntos: 12
Respuesta: ayuda div flotante

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 <= ) {
$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;
}
  #4 (permalink)  
Antiguo 08/01/2009, 12:31
 
Fecha de Ingreso: diciembre-2007
Mensajes: 927
Antigüedad: 10 años
Puntos: 12
Respuesta: ayuda div flotante

Código PHP:
#apDiv60 {
    
position:absolute;
    
width:18px;
    
height:39px;
    
z-index:3;
    
left338px;
    
top136px;
}
#apDiv61 {
    
position:absolute;
    
width:18px;
    
height:39px;
    
z-index:3;
    
left224px;
    
top38px;
}
#apDiv62 {
    
position:absolute;
    
width:18px;
    
height:39px;
    
z-index:3;
    
left265px;
    
top58px;
}
#apDiv63 {
    
position:absolute;
    
width:18px;
    
height:39px;
    
z-index:3;
    
left303px;
    
top79px;
}
#apDiv64 {
    
position:absolute;
    
width:18px;
    
height:39px;
    
z-index:3;
    
left342px;
    
top101px;
}
#apDiv65 {
    
position:absolute;
    
width:18px;
    
height:39px;
    
z-index:3;
    
left379px;
    
top120px;
}
#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;
    
top125px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv71 {
    
position:absolute;
    
left:92px;
    
top147px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv72 {
    
position:absolute;
    
left:131px;
    
top167px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv73 {
    
position:absolute;
    
left:172px;
    
top187px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv74 {
    
position:absolute;
    
left:57px;
    
top88px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv75 {
    
position:absolute;
    
left:97px;
    
top110px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv76 {
    
position:absolute;
    
left:139px;
    
top131px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv77 {
    
position:absolute;
    
left:181px;
    
top151px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv78 {
    
position:absolute;
    
left:219px;
    
top171px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv79 {
    
position:absolute;
    
left:102px;
    
top71px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv80 {
    
position:absolute;
    
left:140px;
    
top93px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv81 {
    
position:absolute;
    
left:183px;
    
top113px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv82 {
    
position:absolute;
    
left:225px;
    
top135px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv83 {
    
position:absolute;
    
left:264px;
    
top157px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv84 {
    
position:absolute;
    
left:148px;
    
top57px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv85 {
    
position:absolute;
    
left:189px;
    
top78px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv86 {
    
position:absolute;
    
left:232px;
    
top100px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv87 {
    
position:absolute;
    
left:269px;
    
top118px;
    
width:59px;
    
height:41px;
    
z-index:9;
}

#apDiv88 {
    
position:absolute;
    
left:307px;
    
top140px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv89 {
    
position:absolute;
    
left:194px;
    
top44px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv90 {
    
position:absolute;
    
left:235px;
    
top63px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv91 {
    
position:absolute;
    
left:278px;
    
top83px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv92 {
    
position:absolute;
    
left:313px;
    
top104px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
#apDiv93 {
    
position:absolute;
    
left:352px;
    
top125px;
    
width:59px;
    
height:41px;
    
z-index:9;
}
</
style
  #5 (permalink)  
Antiguo 08/01/2009, 12:32
 
Fecha de Ingreso: diciembre-2007
Mensajes: 927
Antigüedad: 10 años
Puntos: 12
Respuesta: ayuda div flotante

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">
  #6 (permalink)  
Antiguo 08/01/2009, 12:33
 
Fecha de Ingreso: diciembre-2007
Mensajes: 927
Antigüedad: 10 años
Puntos: 12
Respuesta: ayuda div flotante

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
  #7 (permalink)  
Antiguo 08/01/2009, 12:48
 
Fecha de Ingreso: julio-2008
Mensajes: 40
Antigüedad: 9 años, 5 meses
Puntos: 1
Respuesta: ayuda div flotante

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
  #8 (permalink)  
Antiguo 08/01/2009, 15:13
 
Fecha de Ingreso: diciembre-2007
Mensajes: 927
Antigüedad: 10 años
Puntos: 12
Respuesta: ayuda div flotante

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> 
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:55.