Foros del Web - Ver Mensaje Individual

axy108 · #13 (**permalink**) 18/04/2005, 07:04

bueno pues solamente tienes que campiar el vaolor del position por relative y quitar las coordenadas y de esa manera las capas ocuparan el espacio que tu le asignes en tu pagina aqui te dejo otro ejemplo

Código HTML:

<html>
	<head>
		<title></title>
	<script language="JavaScript">
		function muestra_capa(capa){
			document.getElementById(capa).style.visibility = 'visible';
		}
		function oculta_capa(capa){
			document.getElementById(capa).style.visibility = 'hidden';
		}
	</script>
	</head>
	<body>
		<a href="#" onmouseover="muestra_capa('capa1')" onmouseout="oculta_capa('capa1')">Ver capa 1</a><br>
		<a href="#" onmouseover="muestra_capa('capa2')" onmouseout="oculta_capa('capa2')">Ver capa 2</a>
	<div style="position: relative; height: 100; width: 100; visibility: hidden" id="capa1">
			<h2>Esta es la capa 1</h2>
		</div>
		<div style=" position: relative; height: 100; width: 100; visibility: hidden" id="capa2">
			<h2>Yo soy la capa 2</h2>
		</div>
	</body>
</html>

SALUDOS