menu-verticalPartiendo de la misma lista de elementos del menú vertical, resulta muy sencillo crear un menú de navegación horizontal. La clave reside en modificar el posicionamiento original de los elementos de la lista.

Modificando los estilos de cada elemento del menú y utilizando imágenes de fondo y las pseudo-clases :hover y:active, se pueden crear menús horizontales complejos, incluso con el aspecto de un menú de solapas o pestañas.


25. Menu I – Con lista de desordenar en vertical –

Vemos en esta entrega cómo crear una barra de navegación con CSS partiendo de una lista sin ordenar.

26. Menu II – Pasar a horizontal –

Terminamos en este vídeo la creación de la barra de navegación. Una vez terminada la convertimos en barra horizontal.