Hola a todos:
No sé si ya se ha tratado este problema en el forum,
pero recientemente he encontrado la forma de
multiplexar contenido en pantalla sólo con CSS:
Supongamos que tenemos una lista de hiperenlaces y
necesitamos que en una parte de la pantalla se muestre
un contenido según el hiperenlace pulsado (como un
selector de pestañas), sin usar frames ni javascript
ni llamadas al servidor.
Bien, pues basta con asignar a cada contenido un id
único y una altura lo bastante como para impedir que
el resto de contenidos sean visibles. Luego se les
mete dentro de un contenedor que tenga
overflow:hidden, para impedir que salga barra de
scroll. Y por último, hay que hacer que los
hiperenlaces apunten al id de cada uno de los
contenidos (con href="#..."), y de esa forma, al
realizar el hipersalto, el navegador va a mostrar sólo
el contenido pedido, y el resto no se mostrarán porque
no caben al tiempo en pantalla, ni tampoco aparecerá
la barra de scroll del contenedor.
Ejemplo:
====================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<html>
<head>
<style>
div.contenidos {
overflow: hidden;
height: 100px;
border: solid 1px;
}
div.multiplexado {
margin-bottom: 1000px;
}
</style>
</head>
<body>
<h1>Demo de selección de contenidos</h1>
<p><em>Válido para IE6, FF2.
No válido para Opera9: Al realizar el hipersalto, el
contenido mostrado no varía.</em>
</p>
<a href="#enero"> enero</a>
<a href="#febrero">febrero</a>
<a href="#marzo"> marzo</a>
<div class="contenidos">
<div class="multiplexado" id="enero"><a
name="enero"></a> este es el mes de enero</div>
<div class="multiplexado" id="febrero">este es el mes
de febrero</div>
<div class="multiplexado" id="marzo"> este es el mes
de marzo</div>
</div>
Texto posterior.
</body>
</html>
====================
Saludos.
Santiago.
______________________________________________
Enviado desde Correo Yahoo! La bandeja de entrada más inteligente.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
