Creating a pop-up menu

Lucille Daynes

Our main menu in Netcommunity is currently an unordered list menu. I'd like to create a version which acts as a popup menu (i.e. sub-level items display when the item above is hovered over); do I need to use a table-based menu for that? 

I would like the design formatting of the popup menu to match that of the unordered list menu we are currently using - is there a quick way to duplicate the formatting?

I haven't used CSS before but am happy to learn if necessary

Daniel Hartanto

Hi Lucille,



No you don't have to use a table based menu for creating a dropdown sub menu. Rather you can nest the secondary <ul> within that parent <li>



<ul>

<li>menu1</li>

<ul>

<li>submenu1</li>

<li>submenu2</li>

</ul>

<li>menu2</li>

...

</ul>



Now there are plenty of tutorials on how to create a CSS based dropdown menu out there. Here's one:

http://cssdeck.com/labs/another-simple-css3-dropdown-menu



Hope it helps.



regards,

Daniel