[Ovillo] problemas con capas
Roberto Barreiro
rpbarreiro en gmail.com
Mar Abr 24 07:37:07 UTC 2007
buenos dias lista
estoy teniendo un problema con un HTML que estoy creando (soy novato)
tengo dos capas (div) superpuestas y visualizo uno u otro cambiandoles el
Z-INDEX con javascript
dentro de cada div tengo etiquetas, cajas de texto etc ....
todo funciona bien menos una cosa y ese es el motivo de este correo
en una de las capas tengo puesto un combo desplegable, y sin importar que
Z-INTEX tenga (me refiero a que se le coloque una capa por encima) sigo
viendo el desplegable .... es como si ese desplegable no perteneciera a esa
capa, con lo cual el Z-INDEX no le afecta ...
no se como solucionar esto o que es lo que estoy haciendo mal
como dije soy novato
les envio el codigo fuente copiado mas abajo (no coloco el javascritp ni los
estilos)
salu2 y gracias
<html>
<head>
<!--[if IE]>
<LINK rel="stylesheet" href="templates/css/estilos_explorer.css"
type="text/css">
<![endif]-->
<script language="JavaScript" src="javascript/funciones.js"
type="text/javascript"></script>
</head>
<!-- coloco una funcion que posicione las capas una sobre otra si tiene
javascript activo -->
<body onload="posicion('110','div_clientes,div_Contactos'); return
false;">
<!-- contador de zindex -->
<span id="posicion"><input type="hidden" value="2"
name="max_posicion" id="max_posicion"></span></br>
<!-- coloco un formulario -->
<form name="formulario" method="POST"
action="abm_cliente.php">
<!-- div clientes-->
<div id="div_clientes">
<span class="menu_capas">
<ul>
<li>
<a
href="javascript:z_index('div_clientes')" title="clientes">Clientes</a>
</li>
<li>
<a
href="javascript:z_index('div_Contactos')" title="Contacto">Contacto</a>
</li>
</ul>
</span><br>
<select name="SDSempresa" class="pepe" id="h">
<option value="100" >seleccione una
opcion</option>
</select>
CCC <input type="text" value="" name="CCC">
</div>
<!-- cierro div clientes-->
<!-- div Contactos-->
<div id="div_contactos">
<span class="menu_capas">
<ul>
<li>
<a
href="javascript:z_index('div_clientes')" title="clientes">Clientes</a>
</li>
<li>
<a
href="javascript:z_index('div_Contactos')" title="Contacto">Contacto</a>
</li>
</ul>
</span>
<input type="text" value="" name="contacto">
</div>
<!-- cierro div contacto-->
</form>
<!-- cierro formulario -->
</body>
</html>
Más información sobre la lista de distribución Ovillo