No replies
happyse27
Offline
newbie
Last seen: 14 years 3 weeks ago
Joined: 2009-01-17
Posts: 1
Points: 0

Thanks Sir/all,

I found the complete working code at search for " if you can’t get this to work for any reason, here is a working example for download:" at Create a multilevel Dropdown menu with CSS and improve it via jQuery | Kriesi.at - new media design.

a) Also, I pasted the code, how to move the drop down menu to centralized position in web page's centre?

b) how to make use of the main css template to interface with pages in the same website easily, as I have many sub html webpage to include in the website, but keep the main navigation drop down menu template

I wanted to make the above ccs something like www.spatec.com.sg where the home, about spatec, trainer's profile, and remaining of the menu is centralized and it can override the website background pictures and fonts... kindly assist. Thanks...

Thanks in advance,
Andrew

html code
=======
Expand|Select|Wrap|Line Numbers

ccs code
=======
Expand|Select|Wrap|Line Numbers body{font-size:0.85em;font-family:Verdana, Arial, Helvetica, sans-serif;}
#nav,
#nav
ul{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;li
ne-height:1.5em; }
#nav a{display:block;padding:0px 5px;border:1px solid
#333;color:#fff;text-decoration:none;background-color:#333;}
#nav a:hover{background-color:#fff;color:#333;}
#nav li{float:left;position:relative;}
#nav ul {position:absolute;display:none;width:12em;top:1.5em;}
#nav li ul a{width:12em;height:auto;float:left;}
#nav ul ul{top:auto;}
#nav li ul ul {left:12em;margin:0px 0 0 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul,
#nav
li:hover ul ul ul ul{display:none;}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul{display:block;}