Re: [WSG] suckerfish menu and position:relative woes
No problem Pete, glad to be of service. The fix comes from an article by Nick Rigby that I found while trying to figure out the same problem you had. You can read the article at http://www.nickrigby.com/article/25/drop-down-menus-horizontal-style-pt-3. The line of javascript is mentioned by him somewhere in the comments after someone reporting the same issue. Later days, Kenneth ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] suckerfish menu and position:relative woes
success! housecleaningSam wrote:--> Are negatives supported in the z-index?
yes, more about z-index at pages like: http://www.echoecho.com/csslayers.htmRic wrote:
--> Personally I don't like the suckerfish menus much.-->I found these much more to my liking-->http://www.tanfa.co.uk/css/examples/css-dropdown-menus.asp
interesting, and thanks - although when this problem is thrown at them, they fail in the same way. example:
http://skunkworks.farcrycms.com/pot/temp/test2.html
.
Kenneth wrote:--> I had the same issue before and had to add one line to the js code for--> the drop-downs to hover on top. The extra line is commented.
Gold. worked like a charm. giant hat tip to you Kenneth :)My script was slightly different, but adding that line in what i thought looked like the right spot fixed the problem.
working example here:http://skunkworks.farcryc
ms.com/pot/temp/test3.html& for the record the suckerfish js ended up looking like this below with that extra line added
many thanks. crisis averted! :) pete
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i sfEls[i].
) { this.className+=" sfhover";
this.style.zIndex=200; //Add this line to your _javascript_ Code }
sfEls[i]. { this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
} }
}if (window.attachEvent) window.attachEvent("onload", sfHover);
Re: [WSG] suckerfish menu and position:relative woes
Hi Pete,
I had the same issue before and had to add one line to the js code for
the drop-downs to hover on top. The extra line is commented.
Hope this helps,
Kenneth
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i
hiya,
i dont like flyout menus as much as the next guy/girl but i have a
situation that requires them, so i'm using the son of suckerfish menu
[1].
i'm having a problem with adding position:relative to items below the
menu, and those elements appearing on top of the flyout menus in IE.
i've whipped up a barebones example with further explanation here:
http://skunkworks.farcrycms.com/pot/temp/test.html
the css & js is wihtin the head of that page to allow easy copy & pasting.
as that page details, anyone got a tip that allows me to keep
position:relative on that box but keeps the flyout menus on top (when
they flyout) ?
any help appreciated, cheers , pete
[1] = http://www.htmldog.com/articles/suckerfish/dropdowns/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] suckerfish menu and position:relative woes]
Peter Ottery wrote: hiya, i dont like flyout menus as much as the next guy/girl but i have a situation that requires them, so i'm using the son of suckerfish menu [1]. Personally I don't like the suckerfish menus much. I found these much more to my liking and you might like to have a look at them. http://www.tanfa.co.uk/css/examples/css-dropdown-menus.asp Regards, Ric ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] suckerfish menu and position:relative woes
I see you set a -1 z-index, what happens if you set say 10 and 100? (Are negatives supported in the z-index?) Peter Ottery wrote: Samuel wrote: have you tried setting the z-index on them? yeah, tried all sorts of z-index combinations (that i could think of) but still cant get it working. theres a short note at the bottom of that example page i put together... ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] suckerfish menu and position:relative woes
Samuel wrote: >> have you tried setting the z-index on them? yeah, tried all sorts of z-index combinations (that i could think of) but still cant get it working. theres a short note at the bottom of that example page i put together... ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] suckerfish menu and position:relative woes
Pete, have you tried setting the z-index on them? Peter Ottery wrote: hiya, i dont like flyout menus as much as the next guy/girl but i have a situation that requires them, so i'm using the son of suckerfish menu [1]. i'm having a problem with adding position:relative to items below the menu, and those elements appearing on top of the flyout menus in IE. i've whipped up a barebones example with further explanation here: http://skunkworks.farcrycms.com/pot/temp/test.html the css & js is wihtin the head of that page to allow easy copy & pasting. as that page details, anyone got a tip that allows me to keep position:relative on that box but keeps the flyout menus on top (when they flyout) ? any help appreciated, cheers , pete [1] = http://www.htmldog.com/articles/suckerfish/dropdowns/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] suckerfish menu and position:relative woes
hiya, i dont like flyout menus as much as the next guy/girl but i have a situation that requires them, so i'm using the son of suckerfish menu [1]. i'm having a problem with adding position:relative to items below the menu, and those elements appearing on top of the flyout menus in IE. i've whipped up a barebones example with further explanation here: http://skunkworks.farcrycms.com/pot/temp/test.html the css & js is wihtin the head of that page to allow easy copy & pasting. as that page details, anyone got a tip that allows me to keep position:relative on that box but keeps the flyout menus on top (when they flyout) ? any help appreciated, cheers , pete [1] = http://www.htmldog.com/articles/suckerfish/dropdowns/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
