[jQuery] Re: Superfish 1.2.1 3rd level IE display problem
You duplicated this message a few times - maybe you missed my last post in this thread? If for some reason you didn't see it, here it is again: Hi, I couldn't see anything wrong with your code so I set up a test page using your CSS in an effort to see where the problem was. http://users.tpg.com.au/j_birch/plugins/superfish/noobert/ Only the first three submenus of the first menu item have the right amount of levels of submenu so only look at those ones for this exercise. I used your CSS exactly as you posted it the second time - no changes - and it works perfectly, even in IE6. The third level of submenu animates in just like the others do. Maybe there is other CSS on the page interfering with the CSS you posted? Not sure why you are seeing it not working but hopefully my working test case will give you some clues. Let me know how you go. Joel Birch.
[jQuery] Re: Superfish 1.2.1 3rd level IE display problem
Hi Joel, Thanks for your reply and the test page. Way beyond the call of duty and hugely appreciated! If, as you say, the css works well even in IE6 then it must be other css interfering. Now that you've thrown me onto the correct path, I'll investigate and post back here when I have a solution. Again, thanks for your insights and effort! Also, congratulations on a wonderful jquery plugin. One of, if not, the best plugin I've found. n00bert thumblewend wrote: Hi, I couldn't see anything wrong with your code so I set up a test page using your CSS in an effort to see where the problem was. http://users.tpg.com.au/j_birch/plugins/superfish/noobert/ Only the first three submenus of the first menu item have the right amount of levels of submenu so only look at those ones for this exercise. I used your CSS exactly as you posted it the second time - no changes - and it works perfectly, even in IE6. The third level of submenu animates in just like the others do. Maybe there is other CSS on the page interfering with the CSS you posted? Not sure why you are seeing it not working but hopefully my working test case will give you some clues. Let me know how you go. Joel Birch. -- View this message in context: http://www.nabble.com/Superfish-1.2.1-3rd-level-IE-display-problem-tf4077133s15494.html#a11593028 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Superfish 1.2.1 3rd level IE display problem
Hi N00bert, This last reply showed up in my inbox 5 times for some reason. Might have been something weird with my mail client, but just wanted to let you know in case the problem was caused by something you might have done. Worth investigating, in any case. No real harm done, but it's tough enough to keep up with the activity on this list without duplicate posts. ;-) --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jul 14, 2007, at 7:25 AM, n00bert wrote: Hi Joel, Thanks for your reply and the test page. Way beyond the call of duty and hugely appreciated! If, as you say, the css works well even in IE6 then it must be other css interfering. Now that you've thrown me onto the correct path, I'll investigate and post back here when I have a solution. Again, thanks for your insights and effort! n00bert thumblewend wrote: Hi, I couldn't see anything wrong with your code so I set up a test page using your CSS in an effort to see where the problem was. http://users.tpg.com.au/j_birch/plugins/superfish/noobert/ Only the first three submenus of the first menu item have the right amount of levels of submenu so only look at those ones for this exercise. I used your CSS exactly as you posted it the second time - no changes - and it works perfectly, even in IE6. The third level of submenu animates in just like the others do. Maybe there is other CSS on the page interfering with the CSS you posted? Not sure why you are seeing it not working but hopefully my working test case will give you some clues. Let me know how you go. Joel Birch. -- View this message in context: http://www.nabble.com/ Superfish-1.2.1-3rd-level-IE-display-problem- tf4077133s15494.html#a11593028 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Superfish 1.2.1 3rd level IE display problem
for each :hover you should have a .sfhover ...
n00bert wrote:
Hi,
I'm using Superfish, available
http://users.tpg.com.au/j_birch/plugins/superfish/ here . I've added a
third level and made the changes given by Joel Birch in answer to
http://www.nabble.com/Help-with-Superfish-drop-down-menu-tf4068599s15494.html#a11561582
this post .
Everything works fine in all browsers except IE6 (have not tested IE7). In
IE6, the third level list does not display at all. Can't figure it out.
I've posted my superfish CSS below hoping that someone can help a newbie.
Many thanks.
superfish.css
.nav, .nav * {margin:0;padding:0;}
.nav {line-height:1.0;float:left;}
.nav ul {background:#ff; /*IE6 needs this*/}
.nav li
{background:#ff;float:left;list-style:none;position:relative;z-index:999;}
.nav a {color: #ee;display:block;float:left;padding:.75em
1em;text-decoration:none;width:11.3em;}
.nav li ul {float:none;top:-999em;position:absolute;}
.nav li li:hover, .nav li li.sfHover, .nav a:focus, .nav li li li a:hover,
.nav li li a:hover {background:#6a737b;color:#ff;}
.nav li:hover ul, /* pure CSS hover is removed below */ul.nav li.sfHover ul
{left:-1px;top:2.5em;}
.nav li:hover li ul, .nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul, /* pure CSS hover is removed below */ul.nav li
li.sfHover ul {left:13.3em;top:-1px;width:13.3em;}
.nav li li:hover li ul,
.nav li li.sfHover li ul {top:-999em;}
.nav li li li:hover ul, /* pure CSS hover is removed below */ul.nav li li
li.sfHover ul {left:13.3em;top:-1px;}
/*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 {top:-999em;}
.nav li li
{background-color:#42454a;color:#ff;float:none;width:13.3em;border-left:1px
solid #4c5054;border-top:1px solid #4c5054;}
.nav li li li {background-color:#42454a;color:#ff;}
.nav li li a {float:none;padding-right:0;width:11.3em;}
.current {color:#4c5054;}
/* quick hacks for IE */
*html .nav li li {margin-bottom:-3px;}
*+html .nav li li {margin-bottom:-3px;}
[jQuery] Re: Superfish 1.2.1 3rd level IE display problem
Hi,
thanks for your reply. I did as you said, but still no change. The third
level doesn't appear in IE6. Any further insights would be greatly
appreciated. I've pasted the revised css below:
.nav, .nav * {margin:0;padding:0;}
.nav {line-height:1.0;float:left;}
.nav ul {background:#ff; /*IE6 needs this*/}
.nav li
{background:#ff;float:left;list-style:none;position:relative;z-index:999;}
.nav a {color: #ee;display:block;float:left;padding:.75em 1em .75em
1em;text-decoration:none;width:11.3em;}
.nav li ul {float:none;top:-999em;position:absolute;}
.nav li li:hover, .nav li li.sfHover, .nav a:focus, .nav li li li a:hover,
.nav li li li a.sfHover, .nav li li a:hover, .nav li li a.sfHover
{background:#6a737b;color:#ff;}
.nav li:hover ul, /* pure CSS hover is removed below */ul.nav li.sfHover ul
{left:-1px;top:2.5em;}
.nav li:hover li ul, .nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul, /* pure CSS hover is removed below */ul.nav li
li.sfHover ul {left:13.3em;top:-1px;width:13.3em;}
.nav li li:hover li ul, .nav li li.sfHover li ul {top:-999em;}
.nav li li li:hover ul, /* pure CSS hover is removed below */ul.nav li li
li.sfHover ul {left:13.3em;top:-1px;}
/*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 {top:-999em;}
.nav li li
{background-color:#42454a;color:#ff;float:none;width:13.3em;border-left:1px
solid #4c5054;border-top:1px solid #4c5054;}
.nav li li li {background-color:#42454a;color:#ff;}
.nav li li a {float:none;padding-right:0;width:11.3em;}
.current {color:#4c5054;}
/* quick hacks for IE */
*html .nav li li {margin-bottom:-3px;}
*+html .nav li li {margin-bottom:-3px;}
Olivier percebois-Garve wrote:
for each :hover you should have a .sfhover ...
--
View this message in context:
http://www.nabble.com/Superfish-1.2.1-3rd-level-IE-display-problem-tf4077133s15494.html#a11590343
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Superfish 1.2.1 3rd level IE display problem
Hi, I couldn't see anything wrong with your code so I set up a test page using your CSS in an effort to see where the problem was. http://users.tpg.com.au/j_birch/plugins/superfish/noobert/ Only the first three submenus of the first menu item have the right amount of levels of submenu so only look at those ones for this exercise. I used your CSS exactly as you posted it the second time - no changes - and it works perfectly, even in IE6. The third level of submenu animates in just like the others do. Maybe there is other CSS on the page interfering with the CSS you posted? Not sure why you are seeing it not working but hopefully my working test case will give you some clues. Let me know how you go. Joel Birch. On 14/07/2007, at 12:13 PM, n00bert wrote: Hi, thanks for your reply. I did as you said, but still no change. The third level doesn't appear in IE6. Any further insights would be greatly appreciated. I've pasted the revised css below:
