Hi tee,
 simply:

ul#nav li ul li ul{
 display: none;
}


Diego La Monica
Web 2.0 - Standards - Accessibilità
mobile: +39 3337235382 - skype: diego.la.monica
web: http://diegolamonica.info - http://jastegg.it
 
-----Messaggio originale-----
Da: tee [mailto:[EMAIL PROTECTED] 
Inviato: sabato 10 maggio 2008 10.24
A: [email protected]
Oggetto: Re: [WSG] is display:none inheritance

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]
*******************************************************************



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to