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