Menú desplegable.

En la última clase apuntasteis a añadir un menú desplegable dento de vuestro sitio web. Pues resulta que es una cosa nada fácil. Después de dar algunas vueltas y estudiar un poco, podemos decir que tenemos menú desplegable. Si queréis queréis incluir alguno en vuestros trabajos seguid las siguientes instrucciones. También os dejo una muestra de como puede quedar.



Debéis pegar los siguientes fragmentos de código en los lugares adecuados y modificarlos convenientemente.

  • Dentro del bloque  <head> debes de pegar el siguiente código.
 <style type="text/css">
ul ol {
list-style:none;
}
.nav ul {
display: none;}
.nav td:hover > ul {
display:block;
}
.nav li:hover {
text-decoration:underline;
}
  </style>

  • Dentro de la etiqueta <table > debes de pegar lo siguiente, class="nav"
  • En el código referente a la celda donde quieras el desplegable pega el siguiente código adaptándolo debidamente a tus necesidades:

      <ul class="nav">
        <li>m&uacute;sica</li>
        <li>leyendas</li>
        <li>arquitectura</li>
        <li>prehistoria</li>
      </ul>

  • Por último solo te queda agregar los enlaces correspondientes.
Pues nada, a comprobar que todo funciona. Para cualquier problema supongo que sabréis qué hacer. 

1 comentario:

  1. Oi oh! Xa contarás como se fai iso...non semella sinxelo.

    ResponderEliminar