Welcome, Guest. Please login or register.
Did you miss your activation email?
May 22, 2012, 03:31:29 PM

Login with username, password and session length
Search:     Advanced search
Interested in joining the WebsiteBaker team?
For more Information read here or on our new website.
155366 Posts in 21695 Topics by 7729 Members
Latest Member: piset
* Home Help Search Login Register
Pages: [1]   Go Down
Print
Author Topic: [SOLVED !] 3rd child menu problem / doesn´t hide/show  (Read 660 times)
Innocence

Offline Offline

Posts: 11


« on: June 20, 2008, 12:17:34 AM »

Hi there, nice people !

I´m having the next problem. Check out:
http://www.dataoperador.com.ar/tarifario/

Browse over the menu of that site in this way:
# Argentina
    * Córdoba
          o Villa Carlos Paz
                + Hotelería

I can´t get that 3rd child menu item ("Hotelería") to act like the previous ones (hide / show events).

I´m using a customization of ALL CSS 2 template.

Could you help, please ? What can I do to solve that ? I need to show all that levels of the menu.

Sorry abouy my poor english. Thanks in advance, guys !
Pablo.-
« Last Edit: June 21, 2008, 05:11:33 AM by Innocence » Logged
marathoner

Offline Offline

Posts: 495


« Reply #1 on: June 20, 2008, 03:13:24 AM »

It looks like your CSS goes 3 levels deep in the menu structure but your menu goes 4 levels deep. You'll need to modify your CSS to hide that level but to display it on a:hover like the other menu levels.
Logged
Innocence

Offline Offline

Posts: 11


« Reply #2 on: June 20, 2008, 03:57:06 AM »

Thanks for the reply, marathoner.
I realize of what you say...but, how to do it ? Should I create a new CSS class ? How should I name I ? There´s a need to modify some other file, like "csshover.htc" or a "show_menu2" module file ?
Logged
Innocence

Offline Offline

Posts: 11


« Reply #3 on: June 21, 2008, 05:12:31 AM »

It worked !!!
I´ll show my final code retouch:

Code:
/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {
    display: block;
}

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

#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {
    display: none;
}

#nav .menu li:hover ul ul ul, #nav .menu li.subMenu ul ul ul {
    display: none;
}

#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {
    display: block;
}

#nav .menu li:hover ul, #nav .menu li li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li li.subMenu ul {
    display: block;
}

THAAAAAANKS !
Logged
Pages: [1]   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!