Questions tagged [suckerfish]

53 questions
1
vote
1 answer

JS/JQ Fix for Son of Suckerfish extending below fold?

I am creating a dropdown (well, actually it popups out to the right) navigation menu using "Son of Suckerfish." Some of the sub menus are quite long and fall below the fold. Is there a way (using JavaScript/jQuery) to ensure that the menus are…
atwright147
  • 3,694
  • 4
  • 31
  • 57
1
vote
0 answers

Suckerfish: Display 3rd Level

I'm working on trying to get the third level to display on ul hover - the problem I'm getting now is you have to hover over the parent to display them. The JsFiddle: http://jsfiddle.net/natedriver/kFffR/3/ /*** ESSENTIAL STYLES ***/ .sf-menu,…
natedriver
  • 36
  • 5
1
vote
0 answers

Site dropdown menu does not work in IE8 compatibility mode

I am working on a site that has a menu that looks great in new browsers, and even IE8 on vista, however in IE8 compatibility mode or in XP for example, the navigation does not work. I've made a jsfiddle here to see what I mean (sorry, am in a hurry;…
Mixmastermichael
  • 143
  • 3
  • 14
1
vote
2 answers

button with sub buttons

I currently have 2 buttons (input submits) Save, Save & Go, and we are looking to add a 3rd, Save & Close. Due to real estate, there's no room for a 3rd button here, so the idea is to combine them into a drop down of some sort. I'm aware that css…
BReal14
  • 1,603
  • 1
  • 12
  • 35
1
vote
1 answer

suckerfish top level item stay highlighted when sub menu item selected

i have set up a suckerfish drop down menu on a joomla site but i can't find a way to keep the top level menu item selected (in this case to turn red and stay red) - after you select a sub menu item. hovering the top level item is fine and it remains…
user1870807
  • 29
  • 1
  • 2
1
vote
6 answers

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:
Vince V.
  • 3,115
  • 3
  • 30
  • 45
1
vote
1 answer

CSS click suckerfish menu doesn't stay open in chrome

I have built a simple suckerfish menu in CSS where a submenu will be displayed when the user clicks on the main item. Markup:
F21
  • 32,163
  • 26
  • 99
  • 170
0
votes
1 answer

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…
mattt
  • 1,471
  • 4
  • 16
  • 24
0
votes
1 answer

How to reverse the direction of a suckerfish menu (drop-up)

I have a navigation bar at the bottom of my page rather than at the top. I am trying to implement a "drop-up" suckerfish menu. I want to do it with as little javascript as possible. My current code is as follows and works fine as a drop-down menu.…
Josiah Palmer
  • 151
  • 1
  • 17
0
votes
2 answers

Setting child width to that of first parent element when similar?

I'm working on a suckerfish-style dropdown menu that has first-level items of varying sizes (No explicit width specified, i.e., width: auto;), which then have drop-downs that are text-align: center;. For this to not look awful, the width of the…
aendra
  • 5,286
  • 3
  • 38
  • 57
0
votes
1 answer

suckerfish - Top level item not staying highlighted when sub-items are hovered

Hi I have an issue with the suckerfish menus, I can't seem to figure out how to keep the top level menu item highlighted when the mouse is hovering over it's drop downs & flyout menus... Here is the CSS: #mainnav, #mainnav ul { /* all lists */ …
Sean Kimball
  • 4,506
  • 9
  • 42
  • 73
0
votes
1 answer

Son of Suckerfish CSS Navigation Menus not working in IE7

Frustrated beyond all words, I am having trouble getting the drop downs in IE7 to line up under the parent item. They work in every other browser ~ including IE8 ~ but IE7... The drop down part of the menu displays off to the right of the parent…
Sean Kimball
  • 4,506
  • 9
  • 42
  • 73
0
votes
2 answers

How to make the and
  • tags be same dimensions as
  • I am using a Suckerfish dropdown menu with the following structure and when I inspect the HTML using Chrome's developer tools I find that the and respective tag have their own dimensions from the tag. This is problematic because this is in effect…
    Alexa Green
    • 1,153
    • 4
    • 14
    • 21
    0
    votes
    1 answer

    jQuery Suckerfish no animation

    I use jQuery and the suckfish plugin for a menu but i don't want any animation when the submenu is showing. I have the speed set on 0 but still there is some milliseconds between the head menu hover and the sub menu. How can i disable the animation…
    Maanstraat
    • 1,241
    • 7
    • 34
    • 63
    0
    votes
    1 answer

    How do you create a right-aligned suckerfish menu where top link is variable-width?

    I have created a Son of Suckerfish (http://htmldog.com/articles/suckerfish/dropdowns/) CSS-based nav menu. The left side is normal Suckerfish where the top-level nav entry is the same width of the drop-downs. On the right side of my menu I have…
    mtjhax
    • 1,988
    • 1
    • 18
    • 23