0
233
Views¿Crear varias pestañas en una sola pestaña?
Tengo varias pestañas en un sitio web. Vea la imagen a continuación:
Quiero poner varias pestañas debajo de una pestaña, de modo que si un usuario se desplaza sobre una pestaña, puede ver varias pestañas debajo y hacer clic en ellas. Por ejemplo, podría pasar el cursor sobre la pestaña de inicio y luego ver muchas otras pestañas, como descarga, instrucciones y solución de problemas, en lugar de tenerlas todas separadas.
Pregunta: ¿Cómo poner varias pestañas debajo de otra pestaña?
Además, quiero tener todas mis pestañas en una sola página. Lo que quiero decir es que si tuviera una página como esta:
Página de inicio
¡Hola y bienvenido!
Descargas
Descargar un archivo
Instrucciones
Así es como se usa el archivo.
Básicamente quiero que las pestañas sean hipervínculos. Si el usuario se desplaza sobre Inicio y hace clic en descargas, quiero que vaya a la sección de descargas en la misma página donde dice "Descargar un archivo" en lugar de ir a una página diferente.
1 answers
Answer question0
Prueba esto:
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .drop:hover .drop-content {display: block;}en CSS
y en html:
<button>Dropdown</button> <div class="dropdown-content"> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div>ejemplo: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_dropdown_navbar intente hacer algo como en el ejemplo