[jQuery] Re: Help with Superfish drop down menu
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 -
[jQuery] Re: Help with Superfish drop down menu
Tnx seems to work now :), now it's time to style it and make it
ajax :)
But first 3 weeks holiday time!!
Tnx for your help :)
On 13 jul, 12:47, Joel Birch [EMAIL PROTECTED] 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,fr0stywrote:
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 -- Tekst uit oorspronkelijk
bericht niet weergeven -
- Tekst uit oorspronkelijk bericht weergeven -
[jQuery] Re: Help with Superfish drop down menu
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 -
[jQuery] Re: Help with Superfish drop down menu
On 14/07/2007, at 10:06 AM, Olivier Percebois-Garve wrote: 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 You are right, the CSS is a bit tricky to bend the old brain around and comments probably would help people understand it and feel more comfortable customising it. I'll put it on my list of things to do. Thanks for the feedback again Olivier. :) Joel.
[jQuery] Re: Help with Superfish drop down menu
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, fr0sty wrote:
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 on http://www.onbereikbaar.nl/menu i'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
