suckerfish

CSS Drop-Down Menus - "Best"? Most feature-rich?

I'm in the unfortunate position of having to implement a drop-down cascading menu on a site I'm building. I'm looking for a Suckerfish-style solution that is primarily CSS-based and works on a simple set of nested ULs and LIs. Son of Suckerfish seems like the way to go, but I don't like the way it just disappears the second you move th...

"Son of Suckerfish" CSS Menu - sub menus not closing in IE7

Despite my most convincing cries to the contrary, I was recently forced to implement a horizontal drop-down navigation system, so I opted for the friendliest one I could find - Son of Suckerfish. I tested in various browsers on my machine and all appeared to be fine. However, some (but not all!) IE7 users are experiencing an issue wher...

Need a little CSS advice

I have created a modified version of the suckerfish navigation for a personal project. It looks and performs exactly as I want it to. However, it completely degrades in IE. I spent all day yesterday trying to find a solution with no luck. So I thought I would ask some sharper minds than my own. I am open to just about anything right now....

Suckerfish bugging in Safari (jQuery)

I'm having some serious trouble getting Suckerfish working well in Safari. I'm using Suckerfish to create a dynamic horizontal drop down menu. The problem is basicly that Safari doesn't change the css class like it is supposed to when a person click a different sub-menu. This only works if the sub-menu has children, if not – the old sub...

Son of Suckerfish CSS Menu - Top Level Menu staying active on Sub Menu Hover

I'm after a way to keep a top level menu item on it's hovered or active state when I'm hovering on that menu items sub menu. An example can be found here: http://marketplace.prettypollution.com - Hover over 'News' menu item (BG will be dark) then navigate to the Sub Menu to appears - 'News' item will change back to it's normal state. ...

CSS, menu behind div

Hey guys, I'm having a problem with IE7, my menu always drops down behind the div where it's in. The code: (style.css) @CHARSET "ISO-8859-1"; body { background: #fff url('images/bg.gif') repeat-x; } #everything { width: 100%; height: auto; text-align: center; } #bar { position: relative; float: left; background: #022c3e; width: 100%;...

dropdown Menu behind flash

Hey guys, I've got a neat dropdown menu and also a flashfile in my webpage. Now when I hover the menu and it expands. It's behind the flash... The problem is only in IE 7 Here's my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html> <head> <meta ...

Son of Suckerfish CSS Menu - Sub menu's not displaying below menu item

I have a Son of Suckerfish menu set up, but when I hover over the menu item, the sub menu appears on the left of the screen, rather than directly below the item I hovered over. eg http://blacktownworkersgroup.worldsecuresystems.com/bwc09/events When you hover over 'Events' the sub menu is supposed to appear below this item. It's work...

CSS Suckerfish and active top items

Brain freeze here. What I want to do is have the Suckerfish drop down menu link to be active on the current page in the drop down as well as the top item. I.e. below, in the Articles menu item, I'd like to have the top item "Articles" active at the same time that either Categoryone or Categorytwo is active. (Archives is a single level ...

keeping higher menus highlighted in suckerfish vertical

I've seen this question asked but I can't seem to apply the answers to my own menu. My suckerfish menu basically is this (http://htmldog.com/articles/suckerfish/dropdowns/example/vertical.html), I've made some of my own adjustments color-wise/font-wise/and clearing the border from the table. How can I make it so that when you move throug...

Son of Suckerfish Menu problem IE6

My menu dropdowns are 'hiding' behind content that appear below the dropdowns. The menu is working fine in Firefox, Opera, Safari, IE8, but not in IE6. An example of this is on this page - http://marketplace.prettypollution.com/news-events , if you hover over 'Contact Us' in the top menu it is hidden behind the below content. Any ide...

CSS menu problem

Please refer to the sidebar menu at http://malahandi.deetechnologies.com If you look closely, the menu is hiding behind the content pane on the right. I am using Joomla here. I have tried the z-index and a lot of quirks from the web but I am unable to get the CSS on top of all the elements on the page (i.e. the right content pane actua...

Suckerfish navigation hiding behind content in IE7/IE6

I've built a suckerfish navigation. It seems to work fine in modern browser but it's hiding behind the content when viewed in ie7 and ie6. another issue i notice across all browser is the hover state i've applied to the parent link item disappears when my mouse moves down to the secondary nav, is there a way to keep the active state on ...

Superfish dropdown position

Does anyone know if it is possible to have different positions for the dropdown UL's for superfish? I have a horizontal navigation bar, on the left side I would like the dropdowns to align to the left of the button, on the right side I would like them to align to the right of the button. ...

Suckerfish dropdown omitted in IE7

Using suckerfish dropdown here: http://tilwellpetroleum.com/ Client is not seeing the dropdowns (hover over "About Us") in IE7 Vista. I am not able to reproduce the issue on my end. I know CSS pretty well but I am stumped. any advice? ...

Son of Suckerfish Menu IE6 - menu hiding behind content

Page - http://blu-eye.com/index.html - contains suckerfish menu which is displaying correctly on the rest of the site, except for this page. The menu items are hidden behind the content below. The content below it contains a javascript slider with image and text. I've tried changing the z-indexes on majority of elements, but still havi...

Flyout menu with scrolling

Guys, I'm trying to create a flyout menu that has scrolling build in if its larger than the screen. I can't seem to figure out how to do this with the native overflow-y scrolling properties. Everytime I seem to set that overflow-y:auto then the the menu that flys out is nested within the parent div with a scroll bar. Anyone has any i...

Left Aligned CSS Drop-downs

I have a website with your usual 2 level navigation in the form of a dropdown using Suckerfish and the <ul><li> construct to create the menu. The problem is the menu is right aligned on the page, thus I'll need to make the dropdowns push out to the left, as shown, to keep them within the page: If the top level menu tabs were the same...

how to identify the level in suckerfish menu of JSN epic template..

HI, i am having a suckerfish menu for my main menu.. Is it possible to find in which level i am , if i had clicked on the primary navigation/secondary navigation.. SInce i am trying to bring a New css to be applied if i am on the primary navigation .. and a another css if i am on the secondary navigation.. THe menu i am having...

How do you optimize stunicholls' "Professional dropdown #2" with jquery?

Link to menu: Professional dropdown #2 I was wondering if these posts Suckerfish meets jQuery or Son of Suckerfish dropdowns in jQuery could optimize the menu above. I need the menu to be optimized for IE6, because when I use the menu as it is, the menu hangs after I click on a menu item that loads a page with heavy processing. It tak...