Table of contents: diferència entre les revisions
De Recursos docents
Cap resum de modificació |
Cap resum de modificació |
||
Línia 1: | Línia 1: | ||
<style> | <style> | ||
body { | body { |
Revisió del 10:26, 29 gen 2025
<style> body { display: flex; margin: 0; height: 100vh; } .toc { position: fixed; width: 200px; height: 100%; overflow: auto; background-color: #f9f9f9; border-right: 1px solid #ccc; } .content { flex: 1; margin-left: 200px; margin-right: 200px; padding: 20px; } .sidebar { position: fixed; right: 0; width: 200px; height: 100%; overflow: auto; background-color: #f9f9f9; border-left: 1px solid #ccc; } </style>
</head> <body>
Tabla de Contenido
- <a href="#section1">Sección 1</a>
- <a href="#section2">Sección 2</a>
- <a href="#section3">Sección 3</a>
Contenido Principal
Sección 1
Contenido de la sección 1...
Sección 2
Contenido de la sección 2...
Sección 3
Contenido de la sección 3...
</body> </html> ```
Este código crea una página con tres columnas: la tabla de contenido a la izquierda y la plantilla fija a la derecha no dependen del scroll de la pantalla. ¿ algo más en lo que pueda ayudarte?