When Finished our menu will look something like this.
When a menu item with no sub-menu is hovered the hyperlink will turn a deep red but the overall menu remains the same. If a menu item with a sub-menu is hovered than the menu increases in length to show the hidden menu items. As you can see from the image above it will expand dependant on how many items are actually in the sub-menu.
In this article we are going expand on the Hover Menu’s without Images Tutorial I did yesterday By adding pop out sub-level menu’s. We will be expanding on the existing menu so if you don’t know how to create a vertical css menu or need the code please familiarise yourself with that tutorial before proceeding.
First step like last time is the HTML side of the coding. We need to embed another unordered list inside the list items from our previous menu. When we have place this list inside the other it should look something like this: Continue reading