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
h1Demo de selección de contenidos/h1
pemVá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=#febrerofebrero/a
a href=#marzo marzo/a
div class=contenidos
div class=multiplexado id=eneroa
name=enero/a este es el mes de enero/div
div class=multiplexado id=febreroeste 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
