Hi Joel
Just a thought, more comments in the css file of superfish would be
worth since it is where a big part of the complexity
of the menu system goes. Also personally, I'm not sure to understand the
rules you have added to the original suckerfish css.
Olivier
Joel Birch wrote:
Looks like you did everything right, but I missed yet another bit of
CSS that should go with those other bits. You should also add this
immediately *before* the line I most recently showed you:
.nav li li:hover li ul,
.nav li li.sfHover li ul {
top:-999em;
}
Just a note: I know it may look like you could group some of these
rules together, but actually the order in which they appear in the CSS
source is important. Therefore, adding new levels of submenus involves
creating rules that begin to form a bit of a pattern. Have a look at
the CSS from the vertical menu example to see what I mean:
http://users.tpg.com.au/j_birch/plugins/superfish/vertical-example/vertical.css
...the CSS for that example happens to be very similar (almost exact,
disregarding the fact that the first level of menu is arranged
vertically) to what you are doing in that there are three levels of menu.
Hope I haven't left anything out this time. Good luck.
Joel Birch.
On 13/07/2007, at 5:51 PM, fr0sty wrote:
I changed the things in the CSS but no changes,
http://www.onbereikbaar.nl/menu
or did i do something wrong?
On 12 jul, 17:01, Joel Birch <[EMAIL PROTECTED]> wrote:
Sorry, you will also need something like this just *before* that
declaration:
.nav li li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li li.sfHover ul {
left:9.45em;
top:-1px;
}
Joel Birch.
On 13/07/2007, at 12:53 AM, Joel Birch wrote:
Hi Arjan,
You probably need to add the new level to the hover override
declaration. So change this CSS:
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
top:-999em;
}
... to this:
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul { /* <-- added new level of menu
here */
top:-999em;
}
Let me know if it doesn't work.
Joel Birch.
On 13/07/2007, at 12:02 AM,fr0stywrote:
Hello,
Im trying to add an extra (third) level to the example that's posted
here
http://users.tpg.com.au/j_birch/plugins/superfish/
I have my own edited example onhttp://www.onbereikbaar.nl/menui've
added an extra level to the menu, but it shows rightaway, can anyone
tell me what i need to change in the css file so this will work?
Tnx Arjan- Tekst uit oorspronkelijk bericht niet weergeven -
- Tekst uit oorspronkelijk bericht weergeven -
