- This topic has 21 replies, 5 voices, and was last updated 16 years, 2 months ago by
.
-
Posts
-
I initially wrote this regarding IE7, but as my follow-up indicates, I fixed that issue, unfortunately now I’ve found out it doesn’t work in IE6, so any help on that would still be appreciated. As I don’t have IE6 on this machine I can’t work on it myself tonight, but I will tomorrow.
I swear I’d gotten the menu’s working before (though admittedly it was a pain), but tonight, after upgrading to the latest version of the plugin I noticed they were no longer working in IE 7. It’s also possible the change occurred after I upgraded WordPress as I didn’t check it in IE after that upgrade. Firefox 3.0 still works as fine as ever.
I suspect it’s a CSS issue, but I’m not really sure (I confess I’m awful with CSS). I attempted making all the suckerfish elements z-index 500 for the heck of it, but no luck.
My site is located here: http://www.transientmonkey.com
And the CSS I’m using is as follows:
#suckerfishnav {
background:#3371A3;
width:100%;
z-index:500;
}
#suckerfishnav, #suckerfishnav ul {
z-index:500;
float:left;
list-style:none;
line-height:20px;
padding:0;
margin:0;
width:100%;
}
#suckerfishnav a {
z-index:500;
display:block;
color:#dddddd;
text-decoration:none;
padding:0px 10px;
}
#suckerfishnav li {
z-index:500;
float:left;
padding:0;
}
#suckerfishnav ul {
z-index:500;
position:absolute;
left:-999em;
height:auto;
width:151px;
font-weight:normal;
margin:0;
line-height:1;
border:0;
border-top:1px solid #666666;
}
#suckerfishnav li li {
z-index:500;
width:149px;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
font-family:verdana,sans-serif;
}
#suckerfishnav li li a {
z-index:500;
padding:4px 10px;
width:130px;
color:#dddddd;
}
#suckerfishnav li ul ul {
z-index:500;
margin:-21px 0 0 150px;
}
#suckerfishnav li li:hover {
z-index:500;
background:#9C1F1B;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
z-index:500;
color:#dddddd;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
z-index:500;
color:#dddddd;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
z-index:500;
color:#dddddd;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
z-index:500;
left:-999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
z-index:500;
left:auto;
background:#444444;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
z-index:500;
background:#5E7AD3;
}Any assistance would be greatly appreciated, thanks, and awesome plugin too!
I’m modifying this mainly to indicate that I still have a problem in IE6, just not IE7 anymore. Help with IE6 would be appreciated, thanks!
Ok, I surprisingly managed to fix the issue myself (didn’t expect that to happen).
Still not sure why the issue appeared in the first place, though. In case someone else has this problem…and on the off chance this might help, I’ll explain what I did.
First, I removed all those z-index:500; from the above CSS.
Then I simply added the following:
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
position: relative;
z-index: 1;
}
I don’t really know why I didn’t have any hover CSS in there in the first place, but once I added it things started to work, and the z-index value just makes sure it’s on top of some other elements on the page.Thanks again for the excellent plugin.
Your link has helped me figure out why I keep consistently adding an annoying bug into the software. Occasionally new versions cause problems which have meant the Javascript for IE6 doesn’t work. I kept hacking around till it seemed to correct the problem, but never really figured out why. Now I can see what was causing it …
The latest version of the plugin checked if the keyboard access function was on or not, then displayed the appropriate codes. Each set of code included the javascript for IE6. However stupidly it never dawned on me that if someone had never used the keyboard access function, that the script would never be activated, as the setting of ‘off’ was not set in the database and neither was ‘on’. So in a few minutes I’ll fix that and upload a new version which corrects this stupid problem.
If that doesn’t make any sense, then don’t worry. To fix it, just upload the new version 1.0.6 which will be available within the next hour (hopefully).
A new version is uploading now. It tends to take a while for WordPress to update their official repository (where the download is stored) so it will take about 20 mins to appear probably. This version should fix the IE6 problems a few people have been experiencing over the past few days.
If you don’t want to upload a new version, just activate the keyboard accessibilty option in your admin panel, then deactivate it again. The IE6 Javascript should (I assume) appear in your source code hence fixing the problem.
Awesome. I’m not sure how exactly my link helped with that, but I’ll take the credit :-p
I just updated the plugin and can confirm it is working, though there seems to be a lot of flickering in IE6 when scrolling through the menu items. I assume this has to do with the javascript, and can’t be helped?
Also, I’d been totally unaware of the keyboard accessibility option before, having kind of skimmed through the advanced options in the past. Now that I’m aware of it, I did turn it on, just for the heck of it.
Awesome work on the plugin and the speedy fix!
[quote:qk3p8qir]Awesome. I’m not sure how exactly my link helped with that, but I’ll take the credit :-p[/quote:qk3p8qir]
Without an example showing the problem happening I wouldn’t have known the problem existed. It wasn’t showing up on my test install as that had already had the keyboard accessibility option activated.
[quote:qk3p8qir]Awesome work on the plugin and the speedy fix![/quote:qk3p8qir]
No problem, although it would help if I didn’t keep reintroducing the same bugs over and over
” title=”Tongue” />Hi,
It looks like it is caused by some CSS applied via the tags surrounding the menu. When I removed all of the HTML between the BODY tags it worked fine, except the flyouts were out of place and the menu items were centered.I have a menu showing in IE6 but every sub-menu pops-up too far to the right from the drop-down menu.
Check out http://apscms.net/schools/fulton
It works fine in Firefox…
I am using ver. 1.0.6 of the plugin.My css came directly from your drop-down menu generator page…
Thanks for any help.
Sincerely,
RichI keep getting a "Connection has timed out error" or the page simply displays a blank page. I’m not sure if it’s a problem from my end or yours. I’ll check back later to see if it’s working.
Hi Rich,
Is it possible that the CSS you put into the WP admin panel is directly from the CSS generator, but the code you put into your themes style.css file has been modified?The style.php file which comes with the plugin is not working on your server. This is a common problem which I haven’t been able to find a fix for. However you have corrected it by placing the code directly into your style.css file instead. But the code in your style.css file seems to be incorrect, I didn’t immediately see anything wrong with it, but something is a little off. When I grabbed the code from your style.php file and added that to your style.css file it worked fine.
hi
i installed your plugin a couple of days ago and just wanted to say thanks for a great plugin. i upgraded to the latest version today and suddenly also had this problem with IE. but thanks to the thread above (keyboard accessibility option) its fixed. great plugin, great support. thanks.Glad to hear it is working again for you
” title=”Smiley” />I’ll try not to introduce any more old bugs in the future
” title=”Tongue” />Ryan,
I seem to be experiencing the same issue as malcalevak was. The drop-down menu located at http://www.gbssa.org/ is not working in IE6.Currently, I have the "Enable keyboard accessible menu?" and "Disable Plugin CSS file" options checked. "Enable SUPERFISH mode?" and "Enable inline CSS" are both unchecked.
I am running version 1.0.6 of the plugin. I am running WordPress version 2.6.2.
Any help you can provide would be greatly appreciated.
- You must be logged in to reply to this topic.