Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/06/2003, 09:33
Avatar de davidvamo
davidvamo
 
Fecha de Ingreso: diciembre-2001
Ubicación: Barcelona '92
Mensajes: 106
Antigüedad: 23 años, 3 meses
Puntos: 0
Busqueda revisen mis errores por favor

les envio una parte del código de la página en la qual creo un menu "mobil" per mi mala suerte me obliga a pelear contra los z-index .

a ver si encuentran el porque los combo's (<select>) estan por encima del menu. gracias, un saludo geni@s.

Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<
html>
<
head>
    <
title>Tarificador Autos</title>
    <
style>
        
        
#cptitulo01{
            
position:absolutewidth:100%; z-index:1;
        }
        
        
#cpconductor{
            
position:absolutewidth:100%; z-index:0top:30px;
        }
    </
style>

    <
SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
  <!--
      var 
isIE=document.all?true:false;
        var 
layers isIE?document.all.tags("DIV"):null;

   
// MOVEMOS LA CAPA DE OPCIONES DEL TARIFICADOR
   
function posicion(){
            var 
scrollarriba=document.body.scrollTop;
      var 
posarriba=scrollarriba;
      
document.getElementById('cptitulo01').style.top=posarriba;
            
pepe=window.setTimeout('posicion()',50)
   }
  
//-->
  
</SCRIPT>
</head>

<body>
<form onsubmit="return ValidarFormulario()" target="itarifas" name="frmgeneral" method="post" action="">
<!-- formulario oculto donde guardo valores de todos iframes -->
</form>


<form name="titulo">
<div align="center" id="cptitulo01">
    <table width="100%" align="center" cellspacing="0" cellpadding="2" border="1" bordercolordark="White" bordercolorlight="White">
      <tr>
          <td bordercolor="Teal" bgcolor="Teal" class="txtblanco8b" align="center">DATOS DEL CONDUCTOR</td>
          <td bordercolor="Teal" encima="(this)" onmouseout="fuera(this)" bgcolor="#DDEEDD" class="txtverde8" align="center">
            <a href="#" onclick="ComprobarCapa(2,layers['cptitulo02'].style.visibility=='visible');">
              DATOS DEL VEHICULO
            </a>
          </td>
          <td bordercolor="Teal" encima="(this)" onmouseout="fuera(this)" bgcolor="#DDEEDD" class="txtverde8" align="center">
            <a href="#" onclick="ComprobarCapa(3,layers['cptitulo03'].style.visibility=='visible');">
              BONIFICACIONES
            </a>
          </td>
          <td bordercolor="Teal" encima="(this)" onmouseout="fuera(this)" bgcolor="#DDEEDD" class="txtverde8" align="center">
            <a href="#" onclick="ComprobarCapa(4,layers['cptitulo04'].style.visibility=='visible');ValidarFormulario();">
              TARIFAS
            </a>
          </td>
          <td bordercolor="Teal" encima="(this)" onmouseout="fuera(this)" bgcolor="#DDEEDD" class="txtverde8" align="center">
            <input type="Button" name="btfiguras" class="txtNavy8" disabled value="FIGURAS">
          </td>
      </tr>
    </table>
</div>
</form>

<form name="frmconductor">
    <div align="center" id="cpconductor">
            <table width="100%" cellspacing=1 cellpadding=1 border=0 align="center">
                <tr><td height="5"></td></tr>
                <tr>
                    <td class="txtnavy8b" align="right">Fecha Nacimiento : </td>
                    <td class="txtnavy8">
                            &nbsp;<input name="FNac_conductor" maxlength="10" size="10" onKeyPress="return acceptNum('F', event, this)" value="<#Tme_DFPNAC>">
                    </td>
                    <td class="txtnavy8b" align="right">Estado Civil : </td>
                    <td class="txtnavy8">
                        &nbsp;
                        <select style="z-index:0" name="estado_civil" size="1">
                                <option>1
                        </select>
                    </td>
                    <td class="txtnavy8b" align="right">Sexo : </td>
                    <td class="txtnavy8">
                            &nbsp;
                        <select name="sexo" size="1">
                            <option>H</option>
                            <option>M</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="txtnavy8b" align="right">Fecha Carnet : </td>
                    <td class="txtnavy8">
                            &nbsp;<input name="FCarnet_conductor" maxlength="10" size="10" onKeyPress="return acceptNum('F', event, this)" value="<#Tme_DFPPC>">
                    </td>
                    <td class="txtnavy8b" align="right">Código Postal : </td>
                    <td class="txtnavy8">
                            &nbsp;<input name="cod_postal" maxlength="5" size="5" onKeyPress="return acceptNum('', event, this)" value="<#Tme_NCP>" onblur()="Poblacion();">
                            <a href="#" onclick="alert('busqueda de poblacion')"><img src="images/iconos/buscar.gif" width=15 height=15 alt="Buscar Población" border="0"></a>
                    </td>
                    <td class="txtnavy8b" align="right">Población : </td>
                    <td class="txtnavy8">
                        <iframe name="ipoblacion" frameborder="0" width="100%" height="30px" align="middle" scrolling="No" src="../../scripts/autos.exe/escoger_pob"></iframe>
                    </td>
                </tr>
                <tr><td height="20"></td></tr>
            </table>
    
            <table width="100%" border=0 cellspacing=0 cellpadding=0>
                <tr>
                       <td class="txtblanco7b" background="images/bordes/cabeceraexpedientes2.gif" height="14" width="150">&nbsp;Conductor Ocasional</td>
                    <td></td>
                </tr>
                <tr><td bgcolor="teal" colspan="2" heigth="1"></td></tr>
            </table>
            <table width="100%" cellspacing=1 cellpadding=2 border=0>
                <tr><td height="5"></td></tr>
                <tr>
                    <td class="txtnavy8b" rowspan="2" align="center" width="300">
                        <select name="cond_ocasional" size="1" onchange="CbConductorOcasional(document.frmconductor)">
                        <option>1</option>
                                <option>2</option>
                        </select>
                    </td>
                    <td class="txtnavy8b" align="right">Fecha Nacimiento : </td>
                    <td class="txtnavy8">
                            &nbsp;<input name="FNac_cond_oca" maxlength="10" size="10" onKeyPress="return acceptNum('F', event, this)" value="<#Tme_DFSNAC>">
                    </td>
                </tr>
                <tr>
                    <td class="txtnavy8b" align="right">Fecha Carnet : </td>
                    <td class="txtnavy8">
                            &nbsp;<input name="FCarnet_cond_oca" maxlength="10" size="10" onKeyPress="return acceptNum('F', event, this)" value="<#Tme_DFSPC>">
                    </td>
                </tr>
            </table>
    </div>
</form>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
   posicion();
//-->
</SCRIPT>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>

</body>

</html>