My understanding is that the left-999 is used in place of the
Display:None.
On Feb 4, 4:04 pm, Wile E. Coyote yer@gmail.com wrote:
I don't want the menus to display none because of screen-readers.
Where can I change this? I searched the code but I find nowhere that
says anything about
like webdev_help said, what you would do is use position: absolute
with the left -px, then on hover you would do left:auto
so something like #nav li ul {position: absolute; left: -px;} and
#nav li:hover ul {left: auto;}
On Feb 4, 4:04 pm, Wile E. Coyote yer@gmail.com wrote:
I
yeah, i know it's supposed to use left -px but the generated code
in firefox still shows a style of display:none.
On Feb 4, 3:33 pm, amuhlou amysch...@gmail.com wrote:
like webdev_help said, what you would do is use position: absolute
with the left -px, then on hover you would do
Hello,
I think that it's simply a matter of including multiple ul elements
inside the parent li, then floating them alongside each other
(obviously they will need a width to be set). I've seen this work and
have experimented with it myself in the past to be sure that it does
work, but I don't
Hi Jesse,
Does this also happen when JavaScript is disabled? Knowing this will
help narrow down the problem to being soley a CSS issue. I don't have
access to Windows at the moment.
Joel.
jQuery's animation functions apply display:none to the ul elements
when they are hidden. Therefore, it's good use left:-999em for when JS
is disabled, but I don't know a solution for when it is.
Joel.
Hmmm, is that so? Can you get the other ul elements to show properly
with JS disabled? If not then the problem is in your CSS. Otherwise,
I'll try and wrap my mind around what is occurring in the plugin code.
Joel.
Hi John,
What happens if you float the anchor elements as well as the li
elements? I know this often helps IE6 behave more consistently in
these situations.
If you want to remove the possibility of the Superfish JS interfering
(I doubt it is though) then just remove the JS code and also remove
Try setting z-index value in CSS for the current menu list with a
higher value like 1000.
Read my jQuery HowTo Blog- http://jquery-howto.blogspot.com
On Tue, Feb 3, 2009 at 2:42 PM, Michael Smith smi...@gmail.com wrote:
Hi,
As per this example:
Thanks jQuery Lover - I messed around with a few things without
success. Any chance you can be more specific as to the css change
needed?
Thanks again
Michael
On Tue, Feb 3, 2009 at 9:48 AM, jQuery Lover ilovejqu...@gmail.com wrote:
Try setting z-index value in CSS for the current menu list
Joel, thank you for the help.
Now I have another problem... for some reason, the hover flyouts are
cut-off in FF now. They weren't before. It works fine in IE 7.
Also, I downloaded IE 8 and it doesn't work there either. I realize
IE 8 is new and there might not be a work-around but just
Thanks for the heads up on turning off the call. However, I still
don't have any idea of where to put the code that Joel is talking
about. Does this go into the Rhuk_milkyway css file???
Regards,
Ron
On Feb 1, 2:22 am, bklyn2cali s...@mediajelly.com wrote:
Joel,
I've got this working now,
Joel,
I've got this working now, thank you.
One last issue: the SuperSubs plugin works only on the first sub-sub-
nav. I'm not sure why.
http://www.stcyril.net/site/
It seems like there is some overflow issue since the background
repeats all the way to the edge of the border.
I'm so close to
Ron,
That code goes into whatever file you have your superfish css in -
normally superfish.css.
In there you will probably find the line:
.sf-menu li { background: #BDD2FF url('../images/
normal_bg.png') repeat-x 0 0; }
or similar - at least the .sf-menu li {} should be there.
Prepend that line
Also, where do I find the font color for the menu? I have looked in
the RM css files as well as the SF css files and can't seem to make
out where it is.
Thanks again,
Ron
On Feb 1, 7:59 am, levine@gmail.com levine@gmail.com
wrote:
Thanks for the heads up on turning off the call.
Joel or anyone else,
I have one last problem. The SuperSubs plugin works only on the first
sub-sub-
nav. I'm not sure why. Take a look here and see the second sub nav's
display:
http://www.stcyril.net/site/
It seems like there is some overflow issue since the background
repeats all the way to
I have solved the problem listed below by adding a width to the secondary UL
Ul.dropdown li ul {
display: none;
position: absolute;
top: 2em;
left: 0;
width:12em;
}
-Original Message-
From: jquery-en@googlegroups.com
On Jan 30, 7:57 am, bellaluna316 bellaluna...@gmail.com wrote:
RE: Vertical hover. I am trying to do the following and can not
figure out what CSS code controls these things:
Hello,
While I no longer offer general CSS help for Superfish menus, here are
a few pointers:
• Move the
Hello,
This is the exact same issue someone else had just the other day, and
they were also a Joomla user. Your problem is figure out by selecting
the menu li element using Firebug. The Superfish background rule is
being overridden by the #pillmenu li li rule which is in the green.css
file. The
I think the issue is more simple than you though!
This
http://www.stcyril.net/site/templates/rhuk_milkyway/images/normal_bg.png
is missing! And you are missing other images! Example:
mw_menu_normal_bg.png,...
Please go to line 42 in green.css and put a correct path, i tried to
put a correct path
Thanks Joel,
I was the other guy a few days ago.
Does this code snippet go into the superfish.css file???
With regards,
Ron
On Jan 31, 6:08 am, Joel Birch joeldbi...@gmail.com wrote:
Hello,
This is the exact same issue someone else had just the other day, and
they were also a Joomla user.
Ron,
I've made a bit of headway thanks to Firebug (recommended by Joel,
thank you).
You need to turn off the initial list-style call in the first 5 lines
of code in superfish.css. The browser sees that and ignores all else
after it. Like this:
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
I'm having a very similar problem. Here's a short screencast of the
issue.
http://screencast.com/t/ifi0GiudW
First, I show how the menus are supposed to work (in Firefox), then I
flip over to Internet Explorer 6.
Thanks for any help anyone can provide.
Hello, it appears that you have the #pillmenu li elements' background
set to transparent, which is easy to see by using Firebug. For further
CSS issues, you will get better help from a devoted CSS group.
Joel Birch.
On Jan 30, 1:22 am, liku li...@centrum.cz wrote:
I have started to use joomla 1.5 and I would like to change manu and
start using superfish. I adde css na javascript link to index.php and
now I do no know what to do next. When I insert his code:
script type=text/javascript
URL http://www.royalmbc.org/joomla/
On Thu, Jan 29, 2009 at 3:57 PM, bellaluna316 bellaluna...@gmail.comwrote:
RE: Vertical hover. I am trying to do the following and can not
figure out what CSS code controls these things:
• Move the bullets off the left edge of both parent and sub
Hi Bob,
To add two multiple classes to one element, you put them both within
the one class attribute and separate them with a space, like so:
ul class=sf-menu sf-navbar ... /ul
Hope this clears it up for you.
Joel Birch.
Yes, it does. Many thanks!
On Jan 25, 4:55 am, Joel Birch joeldbi...@gmail.com wrote:
Hi Bob,
To add two multiple classes to one element, you put them both within
the one class attribute and separate them with a space, like so:
ul class=sf-menu sf-navbar ... /ul
Hope this clears it up
If you mean that you want the transition to be immediate (no
animation), then you can set the 'speed' option to 1 (that's one
millisecond). The'speed' option is the animation speed, just like the
second parameter of a normal animate() function.
Or you may mean that you would like an animation
Hello,
Centering links that are floated is hard - I don't know how you'd go
about that.
If you are up to it you could experiment with not using floats for the
secondary menu items, and instead try display:inline with text-
align:centre - although you would have to settle for regular links
Hello,
You need to include the jQuery JS file before the Superfish JS file.
That should fix the JS errors you are getting. Also, make sure your
menu works without JS first (your CSS should allow for that in all
modern browsers, (not IE6)), as yours currently does not.
Joel Birch.
1. This is normal behaviour for all links in IE6 as it
confuses :active with :focus (or somesuch). You could workaround it by
calling blur() on the link upon click, if I remember correctly.
Personally, I just allow this bug to happen in IE6 now - not that I am
saying that is the right thing to
I think centering is going to be difficult. You could try setting the list
items to a specific width and then text-align:centering the links. That
might create some cross-browser issues, though.
Another thought is to set the unordered list to a specific width and then
text-align:centering the
I really appreciate the quick response Joel.
I am very adept at CSS but I was trying to avoid really getting down
and dirty with the Superfish CSS. I will give it a whirl though and
post up my results.
Thanks again.
On Jan 23, 2:20 am, Joel Birch joeldbi...@gmail.com wrote:
Hello,
Centering
Thanks Joel. Dumb error with the JQuery. I'm using the Superfish css
file included with the package for the dropdowns. I just modded the
class name and changed it to an id instead b/c that's how extended
menu publishes the menu with id instead of class. not sure if that
will effect the sample css
Hi...thanks for your interest. Unfortunately I can't give you a link
because it's on an intranet. I guess I'm beyond help.
Thanks again for the reply.
On Jan 21, 11:23 am, David Meiser dmei...@gmail.com wrote:
Do you have a link? It's a little hard to diagnose without being able to
see the
Do you have a link? It's a little hard to diagnose without being able to
see the problem(s).
Thanks!
On Wed, Jan 21, 2009 at 10:04 AM, mckag001 tmcka...@gmail.com wrote:
I have superfish dialed in great except for two little issues.
1. In IE6, whenever I hit the back button after clicking
I have figured it out in the meantime: you need to remove the left
floats from superfish.css, then everything works fine.
On Jan 17, 3:08 pm, thalueng bcond...@yahoo.co.uk wrote:
I try to apply superfish to a template based on aha_editionblack
(google for the link). when publishing
i was having superfish problems too. i resolved them with the !
important method. might be your solution.
http://groups.google.com/group/jquery-en/browse_thread/thread/fda8d8c533d6ae09
No this did not help
As seen by my html this should work properly but it doesnt:
ul id=poolsmenu class=sf-menu
li class=current
nobr
a href=#a style=background:url('images/walmart/
search_bar_tile.gif'); background-repeat:repeat-x; align:left;
color:white;My Pools/a
ul
lia
Has anybody else had issues with this or am I the only one?
Sergio
On Jan 17, 5:02 pm, sguerr...@gmail.com sguerr...@gmail.com wrote:
No this did not help
As seen by my html this should work properly but it doesnt:
ul id=poolsmenu class=sf-menu
li class=current
nobr
a href=#a
i think your problem is your html, not superfish. your html may be
badly formed. my html editor pointed out some errors:
ul id=poolsmenu
li class=current a style=background: url(images/walmart/lt;br
gt;lt;/agt; search_bar_tile.gif); background-repeat: repeat-x;
align: left; lt;br /gt;
I suggest you use Stu's CSS only dropdown menu:
http://www.cssplay.co.uk/menus/final_drop.html
-
Read jQuery HowTo Resource - http://jquery-howto.blogspot.com
On Wed, Jan 14, 2009 at 3:11 PM, simon simon@gmail.com wrote:
Hi all,
When I have a lot of nodes in the
resolved, by reverting to the version of hoverIntent.js which is
bundled with Superfish. Joel Birch, author of superfish, recommends
upgrading to the version below, but the script below caused the
incorrect behavior i describe at the top of this thread.
http://plugins.jquery.com/project/hover
this is in vertical mode
Thanks! I didn't think I'd ever fix that one, but with your tip it
took only 5-10 minutes to fix my related issue. In my case I also had
to add a position:relative to the container holding my superfish menu,
so I could give it a z-index higher than the other position:relative
container that was
this worked for me
http://webdemar.com/webdesign/superfish-jquery-menu-ie-z-index-bug/
On Dec 17 2008, 11:30 am, Jamie Krug jamiek...@gmail.com wrote:
Hi,
I'm fairly new to jQuery and not a terribly strong JavaScript guy. I
was excited to style up my own Superfish (http://users.tpg.com.au/
Hello,
This one has been solved before. Here is the link to the thread:
http://icanhaz.com/superfish
Enjoy!
Joel Birch.
Worked it out through process of elimination. Looks like the menu is
ducking behind items with position:relative in the css. Not sure why,
and I think bgIframe should display over it regardless of position
rule, but I'll post more as I unravel it all in case someone in the
future has this issue.
Similar thread here, so mine doesn't seem to be an isolated case:
Superfish with bgiframe does not cover position:relative div in IE
http://groups.google.com/group/jquery-en/browse_thread/thread/49e836df04d9b45b
Been working on this page:
http://www.farmanddairy.com/shop/index.php?main_page=product_infocPath=65products_id=181
Div #absolutekartbutton was position:relative with float:left.
Columns under News was disappearing behind many objects. I fixed
most by removing float:left from
Hi, I also have this issue. Could you figured out solution for this problem?
Thanks
Raghu
On Mon, Nov 17, 2008 at 10:44 PM, Uwe C. Schroeder u...@oss4u.com wrote:
Hi,
I've been googling and trying things, but I don't seem to find anything
tangible.
I'm using the latest version of
No dice, I'm afraid. The only change was that it generated white, drop-
down arrows again. Thank you for trying to help me out. I'm going to
create a test environment later today, with the same settings and
files, but without being embedded in one of my pages. I think bgIframe
may have a conflict
No dice, I'm afraid. The only change was that it generated white, drop-
down arrows again. Thank you for trying to help me out. I'm going to
create a test environment later today, with the same settings and
files, but without being embedded in one of my pages. I think bgIframe
may have a
Superfish ver. 1.4.8
Bgiframe ver. 2.1.1
JQuery ver. 1.2.6
Are you using the nav-bar style as well? I'm not sure if that matters
or not since the ul's are displayed differently.
On Dec 24, 11:48 am, SLR sean.rab...@gmail.com wrote:
No dice, I'm afraid. The only change was that it generated
I hate to bump, but it's been a week and I'm really at a loss here. If
anyone could simply bounce a couple vague suggestions off me, it'd be
great.
The initiation:
$(document).ready(function(){
$(ul#sf-menu-id).superfish({
autoArrows: false,
pathClass: 'current'
}).find('ul').bgIframe();
});
Try changing your document.ready statement to this:
$(document).ready(function(){
Does any one know how to do this or were I can find information on
this?... thank you for the help...
Jeremy
On Dec 18, 1:15 pm, jeremyBass jer...@digitalbarn.tv wrote:
I love this menu system... but now I have a project that I need to
set
the menu at the bottom... so the dropdowns no need
I did this at:
http://www.raydunetz.com/
I hope that the code makes sense. I know that it has an issue in IE
6, and I wanted to try to use jquery to fix it, but haven't been quite
savvy enough to accomplish it.
j
On Dec 19, 3:40 pm, jeremyBass jer...@digitalbarn.tv wrote:
Does any one know
Thanks Jen... I'll give that a go When I get the IE6 bugs out I'll
post back...
To anyone else... If you know of a fully working cross borwser example
or what not there are two of us that would be greatful
Thanks again...
Jeremy
On Dec 19, 12:42 pm, jen timeyout...@gmail.com wrote:
I
Ok... done... And it works with IE6 just fine... test on a win98
IE6... I guess that was not as hard as I was thinking lol... thanks
for the lead on the menu... have a great day...
jeremyBass
ever are the
/*** ESSENTIAL UP STYLES ***/
.sf-menuUP, .sf-menuUP * {
margin:
Thank you.
On Dec 17, 2:19 am, Joel Birch joeldbi...@gmail.com wrote:
No problem. If you view that page again you should see this
information added to the end of the plugin description. Hope this is
sufficient. Thanks for the suggestion.
JoelBirch.
Odd this appended to NOX post lol... I'll repost correctly
On Dec 18, 12:53 pm, jeremyBass jer...@digitalbarn.tv wrote:
I love this menu system... but now I have a project that I need to set
the menu at the bottom... so the dropdowns no need to be dropUps... I
have be working at this with no
Hello,
Looking at the source of that page I notice you are initialising
Superfish twice. If you delete the first block (the one without the
pathClass option) I think that should fix your problem.
Joel Birch.
ptoly...
try making the a's position:relative;
this helps me out of a few of ie6 link bugs
j
On Dec 18, 8:48 pm, ptoly yoganot...@gmail.com wrote:
Hello All,
Very odd behavior in IE6 that is driving me crazy.
http://ymf.org
Take a look at the drop down menus in IE6 (work fine in FF,
Thanks a lot, that observation did indeed correct the problem...
Much appreciated :)
On Dec 18, 10:08 pm, Joel Birch joeldbi...@gmail.com wrote:
Hello,
Looking at the source of that page I notice you are initialising
Superfish twice. If you delete the first block (the one without the
No problem. If you view that page again you should see this
information added to the end of the plugin description. Hope this is
sufficient. Thanks for the suggestion.
Joel Birch.
I don't have a live site up with the menu's yet, but will post it when
I get it ready to go.
On Dec 8, 9:52 am, Lawk Salih lsa...@gmail.com wrote:
Can you also share the link where we can see a live link of this
project.
Thanks, Lawk.
On Dec 8, 9:21 am, Soylent cymor...@gmail.com wrote:
One problem I've been having is that if any other module/plugin loads
the prototype js library, it kills superfish. To fix this, I replaced
all references in the script from $. or $( to jQuery. and jQuery( -- I
didn't like having to do this, but unfortunately I'm stuck using both
jQuery and
Here is the whole page. I tried to edit out some of the code to make
it easier to read, but I guess that didn't work. The google maps api
key used on this page will only run on localhost:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://
Can you also share the link where we can see a live link of this
project.
Thanks, Lawk.
On Dec 8, 9:21 am, Soylent [EMAIL PROTECTED] wrote:
I don't know if any of you use Joomla, but I'm doing a website for
someone that wants it. Anyway, I wanted to add Superfish to the main
menu of the
Joel,
Thank you so much for helping me fix a simple problem. I'm a newbie at
jquery and javascript so even though the answer was so obvious but i
appreciate your help!
On Dec 5, 5:14 pm, Joel Birch [EMAIL PROTECTED] wrote:
Hello,
You have a trailing comma after 'dropShadows: true'. This may
Hey, not only do I not mind, but I am overjoyed that you are using
Superfish for this! Everyone should feel free to use Superfish however
they want. Nice work.
Joel BIrch.
On Dec 9, 1:21 am, Soylent [EMAIL PROTECTED] wrote:
I don't know if any of you use Joomla, but I'm doing a website for
Hi there,
In my case i have the animation but no shadow and no arrow image.
Instead of the arrow image I get a (raquo).
Better than nothing as it works out of the box (love jquery for that)
for animation and it's pretty easy to customize with CSS.
Tough it would be perfect to have the arrow
Hi there!
Have you fixed your problem?
I see your website has shadow and animation now. How did you do it?
I've succesfully installed superfish on my joomla site, animation work
out of the box
The rest is pure css to customise. It's just great!
The problem is that i don't get shadows and no
Hello,
You have a trailing comma after 'dropShadows: true'. This may well be
causing the problem in IE.
Joel Birch
I'm having the same issue of the drop down pushing the content below it
further down: http://tinyurl.com/6qczuv. It would be great if someone could
point me to where the issue might be.
Joel Birch wrote:
Hi Bob,
You seem to be missing some very important CSS. The submenu ul
elements
Hi there,
I also used Superfish and it worked perfectly for me in IE6. Maybe it is
the build. Have a look at this article, near the end:
http://css.dzone.com/news/css-and-html-two-level-menus-t-0
Regards,
Schalk
kgosser wrote:
Hey John,
I downloaded Superfish the other day and have been
Hi all,
I've figured ut the menu style issue.. wrong css wrong place... :D
Please help with getting rid of the animation.
Thanks,
Arun
2008/11/21 Arunan [EMAIL PROTECTED]:
Hi,
I was wondering if it's possible to not have a fade in for the menu,
but rather have it turn up instantly...?
Hi Arun,
The option you need to change is 'speed', which is the speed of the
animation. If you set that to 1 millisecond, the animation will be
effectively instantaneous.
speed:1
Joel Birch.
Hi Joel,
Thanks a lot! That worked.
Cheers,
Arun
2008/11/21 Joel Birch [EMAIL PROTECTED]:
Hi Arun,
The option you need to change is 'speed', which is the speed of the
animation. If you set that to 1 millisecond, the animation will be
effectively instantaneous.
speed:1
Joel Birch.
Hi John,
I think you need to find out why you seem to be needing to manually
add that class in order for the menu to work properly. This is not
something I have encountered before, so maybe your menu is set up in a
somewhat unconventional way? If you have a link to the page we may be
able to
Sorry, but I won't be working on this. It seems more like a fault of
the IE7 script really, considering that its purpose is to make IE6
behave like IE7, and Superfish works fine in IE7.
Joel Birch.
If you provide a set of files that I can instantly run locally without
having to alter urls, etc., I'll be able to edit them and try to debug
your problem.
Joel Birch.
Got it working; ended up adding class=sfHover sf-breadcrumb to all
the main nav items.
May not be the correct way to do it, but for this round it'll do.
Seems that the nav rendering is completed before the jquery addClass
can be added.
Page is on a clients secured server so I can't give out the
Is that the mark-up output from the server, or is it the generated
source as shown in Firebug, ie. after the Superfish JS has run? You
did call the plugin's initialisation code I hope? Are the paths to the
shadow and arrow images correct?
If you show us your page I'm sure we can figure it out
Thats the markup.
When you say 'You did call the plugin's initialisation code I hope?'
what do you mean exactly.
I'm a bit of a beginner as you probably have guessed.
Also where are the images stored? I haven't got any images for the
arrow and shadow myself, am I meant to?
Sorry, the page is
It does seem most likely that you haven't actually activated the
plugin code and all you are seeing is the pure CSS fallback version of
the menu. If you go to the Superfish documentation pages you will find
plenty of information about setting up menus in a variety of ways, but
specifically, look
Haha I can be an idiot sometime!
The reason I wasn't seeing the shadow or arrow was because rather than
downloading the zip file I had simply downloaded the code files
seperately.
I was calling the initialisation code etc (as explained by your very
easy to use demos) but by my own foolish
kidhermes wrote:
Hello
I've try to put a third horizontal navigation with Superfish instead
vertical. How I can do that easly?
Is that possible?
Thx for yoru feedback.
Dom
So, I hope my request are still active.
Any idea?
Dominique
--
View this message in context:
I've never used superfish but I'm guessing it would be css changes,
probably float:left on the the li tag the some widths, padding etc.
kidhermes wrote:
kidhermes wrote:
Hello
I've try to put a third horizontal navigation with Superfish instead
vertical. How I can do that easly?
Is
I don't have an example to point you to, but it is definitely
possible. How easy it is will depend on your CSS skills though. I
guess you should start with the version that has the third tier
vertical, and adjust that third tier to be more like the second.
Joel.
Thx. But I can't find it. Because all four and fifth level are the
same as... the vertical third.
Dom
On Nov 12, 3:12 pm, Joel Birch [EMAIL PROTECTED] wrote:
I don't have an example to point you to, but it is definitely
possible. How easy it is will depend on your CSS skills though. I
guess
Hello,
It looks like you have found the problem. Superfish does attach
menu-closing functions to the blur event of the anchors inside the
menu, so when you trigger a blur event upon focus the menu must be
closing before the click action occurs. The solution (aside from
simply not blurring the
Have a look at this Superfish extension called Supposition. It is an
effort to achieve exactly what you are asking for, although it comes
with no guarantees or support.
http://users.tpg.com.au/j_birch/plugins/superfish/supposition-test/
Joel Birch.
Awesome! Thank you Joel.
On Nov 6, 7:10 am, Joel Birch [EMAIL PROTECTED] wrote:
Have a look at this Superfish extension called Supposition. It is an
effort to achieve exactly what you are asking for, although it comes
with no guarantees or support.
why dont you put a container element of equal width around each set of submenus
so that it will take up the entire space regardless of number of items?
Are you working on that?
Thanks
On Oct 30, 1:15 pm, Joel Birch [EMAIL PROTECTED] wrote:
Do the submenus still appear 100% width if you remove the Superfish JS
code so that the menu is pure CSS plus IE7.js ?
Joel Birch.
Hi Joel,
I came back to this thread to highlight that same problem, which I
only noticed today. IE6, how you grieve me 8[
Thanks for your suggestion Joel, however I've played around with as
many permutations of this as I can, altering different parts of
superfish.css to try to get it to work,
Ok, I'm replying to my own thread here, but no doubt someone else will
find this useful, so:
Added to superfish.css
.sf-menu li a .sf-sub-indicator {
background:none;
}
The selector in CSS is the Child Selector and explains an exact
'path' to the final element. Eg any path from
401 - 500 of 972 matches
Mail list logo