spacer
EBIEBI Style TemplatesStatic Style TemplatesEdit/Add Centre Content Creat a Pop Up Menu

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