On May 10, 2008, at 12:05 AM, Fuji kusaka wrote:
hi tee,
i would to help you but i need to see your source code and if
possible the website so that i can be of good help.
you can have a look at some of my drop down menus.
Fuji, thanks for the response. I got it working while trying to
explain it to me.
Anyway, this is what I have
<div id="menu">
<ul id="nav">
<li>first level menu
<ul>
<li>second level menu 1</li>
<li>second level menu 2
<ul>
<li>third level menu</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
If I add display none to :
#menu ul ul or #nav li ul {display: none}
the 'second level menu' is display to none (http://lotusseedsdesign.com/1.gif
). That works, but I want the second level menu shows, and only wanted
the 'third level menu' and 'fourth level menu (if there is any) be
hiding.
For now, I am just concerning with getting ride of thrid level menu, but
With this:
#menu ul ul ul {display: none;}
All levels show up, and when I hover the menu item that has the sub-
level, for example, if I point my mouse on 'second level menu2', the
thrid level shows up, and the fourth level that is the child of third
level also show. http://lotusseedsdesign.com/3.gif
I don't want that.
With this:
#menu li ul ul li {display: none;}
The third level is gone, but not quite, because I am hiding the 'li',
so it leaves an empty block like so:
#menu ul#nav ul ul{display: none;}
http://lotusseedsdesign.com/2.gif
When trying to articulate my thinking, I came out something
#menu ul#nav ul ul {display: none;}
Vola! all working now
http://lotusseedsdesign.com/4.gif
tee
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
