spacer

Static html Template - Create a Pop Up Menu


This demo shows you how to make a menu that pops up over a link with a set of options to choose from with a custom width. This demo uses the code from the first example.

Simple Demo





The code for this is:

<style type="text/css"> 
/*level 1 */
.bodynav a, .bodynav li{
width: 20em;
}
/*level 2 */
.bodynav li ul, .bodynav li ul li, .bodynav li ul a{
width: 20em;
}
/*level 3 */
.bodynav li ul ul {
margin: -1.35em 0 0 20em;
}
</style>


Here you can change "20em" to a wider or narrower value in 3 places.




spacer
spacer