superfish

superfish dropdowns to be columned when there are many children and no “grandchildren” nodes

由 喜你入骨 提交于 2019-12-23 19:53:29
问题 I have a horizontal nav menu that's using jquery superfish. In one of my dropdown menus there'll be no more dropdowns within it (i.e. no grandchildren nodes) but there are several children (45 to be exact right now and it may go up or down in time). I'm trying to find a way to have the dropdown be columned past a certain count. 15 works for me nicely since there are 45. So without showing all the includes here's the html list - and for the sake of less code I'll use 15: <ul class="sf-menu sf

How to get superfish sub menus top-aligned?

由 一笑奈何 提交于 2019-12-23 04:41:49
问题 On the example here each submenu will be aligned with the item you positioned the mouse over. However, because my menu contains very many items, I would like each submenu to be top-aligned with the column (ie. the parent ul) of the item, not the item itself. This way, all submenus will always start at the same vertical position right below the main (horizontal) menu. How can I accomplish that? 回答1: OMG that was easy. After spending hours trying out JS solutions, I just figured that at all I

z-index issues with jQuery Tabs, Superfish Menu

由 拈花ヽ惹草 提交于 2019-12-13 16:05:30
问题 For the life of me I cannot get my Superfish menu to stop hiding behind my jQuery UI tabs in IE 7. I have read the documentation out there, have tried changing z-index values and tried the bgIframe plugin, although I am not sure if I am implementing it correctly (left out in my example below, using Supersubs). Here is the Javascript I am using for Superfish - using the Supersubs plugin: $(document).ready(function() { $("ul.sf-menu").supersubs({ minWidth: 12, // minimum width of sub-menus in

jQuery SuperFish Error: jQuery(“ul.sf-menu”).superfish is not a function

由 梦想的初衷 提交于 2019-12-12 17:43:10
问题 I am having problems with my superfish drop down menu - it was working fine before i added the jQuery.Columnizer to my project. Taken out the columnizer jQuery fixes the problem for the superfish.js - however when both are enabled and running the drop down menu is displayed when you hover over the menu but when you try clicking on the menu link in the dropdown the dropdown disappears. I cant seem to fix this problem - i've googled around and followed various advice and examples but to no

superfish items ' width aren't correct in IE 6,7

由 南笙酒味 提交于 2019-12-12 00:06:46
问题 I have installed superfish module in joomla 1.5 . I have a problem in IE 6,7 . the width of 'li' elements are not calculated correct and this causes some items fall down. unfortunately I am working on my pc and cann't uploaded it somewhere to show you the site, but I hope maybe it is a common problem and someone can help me. How can I resolve it? 回答1: Common reasons why you might get width issues in IE6: Quirks mode: Number one cause of layout glitches in IE. Make sure your <!DOCTYPE> is set

Superfish + Cufon Hover

由 余生长醉 提交于 2019-12-11 11:44:55
问题 For this wordpress-site: http://bit.ly/NlBv9I I use sliding doors for the rounded corners and cufon for the font. When I wanted to add a dropdown-menu, I ran into a problem with the hover of the "diensten"-tab. When I left the sub-menu through the bottom of the submenu my main-item wouldn't go back to normal styling. With the superfish onHide function I managed to fix this, but now when I hover out the main item to the submenu, the main item's color changes to the background color (so it

How to correct styling in a horizontal 2 level superfish menu

由 大兔子大兔子 提交于 2019-12-11 03:57:30
问题 I have a horizontal superfish menu with two levels. When I hover over a first level link, the second level drop down appears approx 2ems lower than the bottom of top level links although firebug says the style is: .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { left: 0; bottom: 0em; } No matter how much I try to raise the bottom position (eg. bottom: -2.5em), the second level menu will not raise up. This leads me to think that the browser (Firefox) may be forcing a gap, but I cannot find

How can I make a navigation menu fit its container? [horizontally]

由 孤人 提交于 2019-12-08 06:48:01
问题 I'm tearing my hair out over this one. Basically, I need my menu to fit a container horizontally based on the contents of the menu. So, I understand the table and table-cell properties can do this. However, when I use this in conjunction with Superfish Menu I can't get it to expand to fit the container at all. I also need a margin/space between the menu, which table-cell seems to completely disregard. Check out the fiddle demo here, http://jsfiddle.net/TUQpV/10/ 回答1: You'll need to do one of

Superfish drop down menu, how to fix z-index in ie6 and ie7?

由 ∥☆過路亽．° 提交于 2019-12-08 04:27:32
问题 I am using the superfish plugin for jquery here: clicky it works fine in all modern browsers FF,Safari, Chrome, IE8 but it seems like the z-index is not working in ie6 and 7 you can see the menu is appearing, but being cut off by the elements below it. I have tried adding a z-index everywhere I can think of but nothing seems to fix this. How can I fix this? Thanks!!! 回答1: I don't have IE6 handy right now so I can test for you. You could try adding "position:relative" to the elements you are

How can I make a navigation menu fit its container? [horizontally]

由 ぃ、小莉子 提交于 2019-12-06 20:49:29
I'm tearing my hair out over this one. Basically, I need my menu to fit a container horizontally based on the contents of the menu. So, I understand the table and table-cell properties can do this. However, when I use this in conjunction with Superfish Menu I can't get it to expand to fit the container at all. I also need a margin/space between the menu, which table-cell seems to completely disregard. Check out the fiddle demo here, http://jsfiddle.net/TUQpV/10/ Nilpo You'll need to do one of two things. Making all of your menu items a constant size is the easiest way to fill the container
订阅 superfish