Yes you can you just have to look at the code of the menu ... i will
see that the items get some ids like "item54". With this ids and css
you can modifie the color of the items yourself.
About this option i thought to maybe i will make an own versione with
this feature.
Would be very happy to kno
Ok... I figured out how to get it to work.
but...
where do i change the font color?
On Dec 28, 11:38 am, watchbill wrote:
> I can't tell what it is either since the changes I made (suggested in
> a post from someone dealing with transparency issues) and uploaded
> didn't seem to make any differ
I can't tell what it is either since the changes I made (suggested in
a post from someone dealing with transparency issues) and uploaded
didn't seem to make any difference.
the nav still looked like the default settings.
On Dec 28, 11:18 am, Charlie wrote:
> can't tell what the problem is when y
hard to make solid suggestions without seeing implementation...link
would help
have you tried setting width to UL's?
Chintu wrote:
I use Superfish Menu with Nav-Bar option on a Joomla site. I would
like to increase the width of the second level (sub-menu) width so
that it fills up the en
the sub menu UL's are absolute positioned based on height of parent for
horizontal menu or width for vertical. When not in view they are offset
off page with top:-999em
default visible position is top:2.5em which is set for *.sf-menu a*
having padding top and bottom of .75em
padding top +
1) Remove position:relative from ".main" class constant.css (not tested).
2)To remove the back ground, remove back ground from sf-menu #current and
sf-menu .active in superfish.css
3)Remove background from "menu li" class template.css.
Thanks
Rupak
On Thu, Sep 17, 2009 at 10:24 AM, sholland
Thank you! Thank you! I think I have almost conquered it, but a couple
things left I can't seem to overcome.
1. In IE7 the dropdown menu is going behind the image.
2. I would like to turn off the background around the home button. I
have searched and searched for this and cannot seem to locate
Drop-down menu is working, but it will no display due to overflow:hidden in
"clear". You have to make some changes.
Add height & width in tail-top-menu and remove "clear" class from that
div.
.tail-top-menu
{
height:30px;
width:100%
}
and also add height in ".sf-menu a" && "sf-menu l
Here aree the CSS styles being applied to that menu position by the
template and by the superfish css.
Thanks
Suzanna
***TEMPLATE
CSS*
.tail-top-menu{ background:#f0f0f1 url(../images/top_menu_tail.
sholland wrote:
> I have installed the superfish menu on a site I am developing and I am
> having trouble getting the horizontal setting to work. Here is the
> link. itc.contendia.net. It is the top menu and as you can see it
> appears to be cut off and the drop down on programs does not work.
Thanks Charlie. That did the trick.
Is there documentation anywhere that lists what all the CSS in the
Superfish.css do?
On Sep 5, 8:20 pm, Charlie wrote:
> "$" is shorthand for "jQuery". Script is fine. The width you need to adjust
> is .sf-menu ul. If you have multiple widths required try
"$" is shorthand for "jQuery". Script is fine. The width you need to
adjust is .sf-menu ul. If you have multiple widths required try the
supersubs.js plugin.
gBurgur wrote:
Would it make a difference that I have:
jQuery('ul.sf-menu').superfish();
instead of:
$("ul.sf-menu").superfish()
Would it make a difference that I have:
jQuery('ul.sf-menu').superfish();
instead of:
$("ul.sf-menu").superfish();
On Sep 5, 3:01 pm, Lexmarketing wrote:
> You need
>
> //link to the CSS files for this menu type
> href="superfish.css" />
>
> // link to the JavaScript files (hoverIntent is op
Thanks.
The menu is actually up and running it is just any changes I have
tried to make to it (sizes, colors, etc) have been useless. I do have
the in the code though.
I wish I could let you go to site but it is not up and running on the
web yet. (It is on my laptop.) I could send you and in
You need
//link to the CSS files for this menu type
// link to the JavaScript files (hoverIntent is optional)
// initialise Superfish
$(document).ready(function(){
$("ul.sf-menu").superfish();
});
// and an ul with the class "sf-menu"
...
i hope i can help you!
don't know what animation you want
here's an example:
animation:{width:'show', height:'show'},
speed:800
speed option controls animation
PasKa wrote:
Hello, I'm trying to use de Superfish menu in a site i'm developing. I
would like to change the jquery animation but i really don't kno
took a quick look but there is no superfish related script ( the plugin
file or call to initiate )or css file in head of page so you've either
disabled in Joomla, or not installed it properly as joomla extension
can't offer much help for either of above
Dinney wrote:
Hi,
I am trying to u
hi
sorry, please correct me if i am wrong or if i over looked at something
i didnt see anything superfish includes or event jquery includes
but instead i see mootools
is the link a demo to your problem?
Ok, new problem, looks fine in Firefox, but in IE6 it just looks
horrible. Any ideas?
http://zr.tixx4you.com/nav_flyout.asp
I think I figured it out, had to add one more selector to this (.sf-
menu li.sfHover a)
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li.sfHover a,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background-color:#f26921;
background-image:url(images/logo_tiny2.gif);
}
Ok, here is what I mean:
http://zr.tixx4you.com/nav_flyout.asp
I almost got it to work, but I can't figure out how to make to Hover
class stay on (keep the main menu element highlighted) while the user
hovers over the sub-elements.
Thanks,
-Roman
by "differently" do you mean different than example? or different for
each sub level element?
if former, you need to work through the css file and adjust to your
design
if latter, add classes to each sub element and create css rules
accordingly, keeping in mind that you'll need to create sever
yes, you can make it open left by modifying CSS. Rework left floats to
right and sub ul positions from left to right
mike177 wrote:
Hello,
Is there anyway to make a vertical super fish menu drop left? I have
positioned the menu on the right side of the page so, I need sub-menus
to drop le
Thankx for following this issue up...I'd find it helpful to review the
other pages that lead you to this point.
thx again.
On Wed, Jul 8, 2009 at 12:48 AM, HariOm wrote:
>
> Thanks Charlie for your quick reply.
>
> I got it working. The problem was with Master page in MVC may be.
>
> Before I wa
Thanks Charlie for your quick reply.
I got it working. The problem was with Master page in MVC may be.
Before I was adding reference to superfish.js file before the
ContentPlaceHolder for head in master page.
like:
">
">
$(function() {
$('ul.sf-menu').superfish();
As for master vs content pages, have no idea what your MVC looks like
or what your templates look like, or directory structure. Best resource
for that would be a forum related to MVC.
As previously suggested, "If problem persists, try posting a link".
>From my vantage point you have too many
Charlie, yes you are right. It doesn't recognize the function because
it seems there is no respective superfish plugin loaded, but when I
look at the HTML in firebug or developer tool in IE then I can see
that it has already loaded. Even I manually put the calling of that
script ( $('ul.sf-menu').
"is not defined function" error means calling a function that doesn't
exist at time it is called. Make sure path to your js file is valid,
that is where the function is defined. Also be sure jquery.js being
loaded before plugin js . If problem persists post a link
You can put your function
i am not an expert at sorting out z-index but would try something like
.sf-menu {z-index :10}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index :100}
As far as validation, smart thing in my mind is to make the page
valid, not to pick and choose what you think might or might not help
I added z-index in different ways, but I am not able to find solution.
I checked the validation, but nothing related to the issue.
Help please??
this is unusual situation where your design forces sub menu to appear
in same position of top menu level
the problem is definitely a z-index situation whereby in IE7 your main
is higher than subs, that's why you can hover the first sub element but
2nd , 3rd etc the next main element is takin
there shouldn't be any shift as result of iniital superfish.css unless
you
a) modified the css
b) installed in place of another menu and having css conflicts
Kody Thompson wrote:
how can i make the text stop sliding to the right on hover?
I don't have a specific answer, but I find that usually happens when I
change a margin/padding on hover and it doesn't match what it was
before.
On Jun 30, 10:16 am, Kody Thompson wrote:
> how can i make the text stop sliding to the right on hover?
this is a css issue very common with Joomla integration of new menu,
the original template menu css does not get removed when installing a
new menu and some of this css is needed to adapt new menu to theme of
template. There are different techniques that can be used to style a
menu , yet arr
simplest solution is to add an extra class to the culprit sub ul's
either by hard coding it in markup or using jquery . From there it
depends on the situation you have, number of sub levels and which
levels are being troublesome. If it's just a matter of sliding first
level left a bit, use neg
On Jun 2, 8:41 am, Juliane wrote:
> I'm a novice and relied on freelancer to build my superfish menu.
> Everything is working correctly here --http://www.cmpl.org/but I
> want to take it to the next level. When a user clicks on a major sub
> tab (such as "About Us") I want the horizontal sub nav
This diff, based off the previous one, fixes the click-to-close thing,
and also fixes an issue where the visibility click could be
desynchronized if the menu contain an element that launched an alert()
on click.
Index: superfish.js
=
Check the css position of the elements on the page. You likely have
something with position:relative which trumps position:absolute in
many
cases.
On Mar 21, 9:20 am, Claude Ferron wrote:
> Don't know if anyone can help here. I have issues with the Z index and
> iExplorer.
> The menu appears
That is wierd.
When i delete the comment mark the problem remains, but this time when
i press F5 and update a page the problem now suddenly appears too!
When i delete the entire line same result as mentioned, but when i add
the start comment mark the bug only appears when shifting pages!! So
wier
multilevel.css has an unclosed comment mark might be causing a problem
/*.nav li:hover ul,ul.nav li.sfHover ul {left:0px;top:2em;}
jonasnorlin wrote:
Hey all !
I have created a superfish menu for my modx website, based on the
exsisting menu: wayfinder.jmultilevel.
Note: the proble
Hi
I dont know about 2 levels but ehre is a one level unordered list iamge menu
example
http://www.2strokebritishchampionship.co.uk/Home/tabid/36/Default.aspx
i have on menu and all items have the same background image but onmouseover
you change the background position
On Fri, Feb 27, 2009 at 8
On Jan 30, 1:22 am, liku 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:
>
>
>
> $(document).ready(function(){
> $("ul
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 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 superfish with
It's now on the test server and working. However, I had to use
superfish1.4.1.js instead of 1.4.8. It works in all of the browsers
mentioned above. In IE6 there is overlap where the hovered menu is
behind the one to the right of it. For those who have js turned off,
I'll have to include an ext
Just a quick look at the test page shows that it appears to work fine
in both Firefox 3.01 and IE8 beta2, but not at all in Opera 9.52. I
haven't put it on the test server yet though.
Just a quick look at the test page shows that it appears to work fine
in both Firefox 3.01 and IE8 beta2, but not at all in Opera 9.52. I
haven't put it on the test server yet though.
Thanks Joel, I found this:
http://users.tpg.com.au/j_birch/plugins/superfish/supposition-test.zip
Is this the latest version that was worked on? I'll play with it a
bit today.
Thanks Joel, I found this:
http://users.tpg.com.au/j_birch/plugins/superfish/supposition-test.zip
Is this the latest version that was worked on? I'll play with it a
bit today.
I think I misunderstood the original question. @tsnj do a search for
the "Supposition" plugin. It was created to do exactly what you want.
It never left beta as I think there was still a minor bug that I
wasn't satisfied with but didn't get around to solving. You may find
it works fine for what yo
Sounds reasonableif only I knew what I was doing! Just back from
a trip so plenty busy, I'll see what I can come with in the next day
or two.
Sounds reasonableif only I knew what I was doing! Just back from
a trip so plenty busy, I'll see what I can come with in the next day
or two.
It might require some JS, but this could also be a feature that can be
enabled when instantiating the superfish menu (i.e. $
(document).ready(function() { $('ul.sf-menu').superfish({ in
here }); });) I don't know jQuery well enough however to know if there
is a way to get it to reverse top with bo
Thanks, but this was unsuccessful. I'm thinking that to include
logic, this type of function would have to be javascript, yes?
On Sep 22, 9:27 pm, "Joel Birch" <[EMAIL PROTECTED]> wrote:
> Try changing the CSS where it sets the 'top' property on hover, to 'bottom'.
>
> Joel Birch.
Thanks so much for your patch. I'll be sure to have a good luck at it
when I get to adding this functionality to Superfish.
Cheers
Joel Birch.
Try changing the CSS where it sets the 'top' property on hover, to 'bottom'.
Joel Birch.
Hi Terry,
As a rule, you should always put your CSS before your JavaScript in
the source order. This avoids the FOUC problems.
Joel Birch.
Hi,
I made patch against superfish-1.4.8, which fixes your problem and
adds desired functionality. We are using it in company intranet and it
looks like working well with some minor issues. Any further sugestions
or code improvements will be appreciated.
You can find my patch on http://plugins.j
test
On 7 Srp, 09:34, yitzc <[EMAIL PROTECTED]> wrote:
> Hi. I am using the Superfish menu, and it fits my needs perfectly. The
> problem is that the client I am designing the website for has decided
> that he wants the menus to appear only when he clicks on them - and
> not when he hovers the mo
Hi,
I made patch which addresses your problem with not-responding submenus
and makes lower-level submenus open on hover.
Any other suggestions or code improvements would be appreciated.
You can find my patch (including instructions ) on
http://plugins.jquery.com/node/3967
jarda
On Aug 7, 9:3
Thank you so much. I really appreciate your help on this.
Best,
--Shawn
On Sep 10, 7:57 pm, "Joel Birch" <[EMAIL PROTECTED]> wrote:
> Yes, on the "TEST5" page there is an enormous mess of namespace
> pollution from the form module. The dollar sign shortcut is being
> stolen. You can either use
Yes, on the "TEST5" page there is an enormous mess of namespace
pollution from the form module. The dollar sign shortcut is being
stolen. You can either use jQuery() instead of $(), or you can look
into jQuery's handy noConflict() function.
Joel Birch.
Thanks for your comments. Maybe it is the '$'. That would be great
if it were that simple. JQuery is new to me so I'm at a loss here.
I've placed the page online behind a password protected area. If you
don't mind -- could you have a look?
http://www.idsconsulting.com/test5/tabid/569/Default.
Hello,
We would have to see your page to figure out which of your other
scripts are not playing nice with Superfish. Maybe those scripts use
the dollar symbol? If so, you could just rewrite your jQuery code to
use the 'jQuery' function name instead of '$' as they are both
equivalent to each other
Another comment -- the issue seems to be related to certain "modules"
that are also included on the page. For example, there is a feedback
form on one of the pages that fails. When I take it off the page and
superfish menu load fine. Add it back and we have a problem once
again.
On Sep 9, 12:2
I should also point out that this happens in both IE7 and Firefox.
On Sep 9, 12:22 pm, oconshaw <[EMAIL PROTECTED]> wrote:
> I'm using the superfish menu with a navigation module in dotnetnuke
> that emits the page structure as an unordered list. Most pages work
> fine with the menu system and s
Thanks Joel
Hadn't heard of Accordion but I'll give it a go. I agree, the delay
stuff isn't needed quite so much with my nav. I'll see what I can do
with it :o)
Cheers
On 7 May, 15:41, "Joel Birch" <[EMAIL PROTECTED]> wrote:
> Hi Reuben,
>
> No further progress to report on the closing animat
Personally, I just design the menu so that the longer menu items do
flow onto a second or even third line if required. You have to use
padding instead of text-indent to provide the horizontal spacing in
this case.
As for your original request which would resize the width so that the
menu items ar
This sounds like IE's z-index bug. There should be a wealth of
information about it that you can find via google, but more helpfully,
the issue has been discussed on this list with regard to Superfish
quite a few times so if you search this list specifically you should
be able to find the solution
Hi Reuben,
No further progress to report on the closing animations for Superfish
I'm afraid. Looking at your page, it seems like maybe the Accordion
plugin may be more suitable for your menu. Have you looked into that?
Your menu behaves just like an Accordion menu. The only thing you
would miss o
Hi folks
I've been trying to get this little puppy working in IE7 but to no
success (no surprises - I'm no javascript expert). I'm wondering if
anyone would be up for helping us out on it, paid work? In short, it
works fine at this URL: http://mga.id.au/test/ in Firefox but IE7
balks...
Thanks
sorry for the late reply but we had our easter vacation here in
greece. You are both right the overflow:hidden was what caused the
problem. Now everything is working perfectly. I still have not
uploaded the corrected version but i now have everything set up
correctly.
thank you again for the repl
Thanks both,
This is great - I've implemented it here (I'm just the coder on this
project): http://mga.id.au/test/ where it works really nicely although
not in IE7. I checked out the demo on IE7 and didn't have similar
problems so I'm sure I just need to have a go at debugging it. So far
so awe
Thanks Stan,
I have created a test page which includes a link to a zip file
containing all the related files incase anyone wants to experiment
further. I found only one or two things that I had to correct from the
code on the page you linked to above - the one I can remember offhand
(might be the
Just to follow up, I've documented my hack here:
http://stanlemon.net/index/articles/hiding-a-superfish-menu.html
Right now I've not seen any break down in other browsers, even with
sub menus. Only issue I've seen is a closing animation to height the
hide flickers a bit in IE - adding opacity hi
Hi Antreas,
It seems that your problem is due to overflow:hidden on your #wrapper
element. As the menu is inside that element, and you want it to be
visible outside it's bounds, you will have to remove overflow:hidden.
I notice your layout sort of relies on that property though - looks
like you m
#wrapper {overflow:hidden} is causing your problem..
On 16/04/2008, antreas <[EMAIL PROTECTED]> wrote:
>
>
> Hi all,
> i have an issue with the superfish menu system. I used it on this page
> http://www.smallhotelsingreece.com, and while hovering over "my
> favourite places to
Hi Reuben,
Superfish doesn't support closing animations. I tried it a while ago
but experienced too many glitches caused when mousing back over a
submenu that is in the process of closing. There has been some
interest in getting this working recently, so hopefully I'll get to it
some day.
Stan L
Ok, I've narrowed the issue down to a JavaScript memory leak. A memory leak
makes sense because of the sporadic behavior of the menu. I found the memory
leak using the tool available at this link:
http://blogs.msdn.com/gpde/pages/javascript-memory-leak-detector.aspx
http://blogs.msdn.com/gpde/pa
Well, I fixed it by doing an ugly hack - but it works.
The trick was to use an absolute path on the local machine (a path
that starts with "/" instead of "http://";). Unfortunately it means
that my pathname is very long and if I ever move things around I'll
have to remember to update that. It w
Hi Joel,
Thanks for your response. This is indeed a wierd one! In fact, my
code is already doing what you suggest... the absolute path was
expanded by php from Wordpress's bloginfo - I was showing you the code
I saved from the page, not my original source code which already uses
bloginfo.
I'm
Hi John,
I haven't checked that the new link works in IE, but I don't get why
the second link would work if the only difference is that stylesheet
is linked via a relative path "style.css" when from that page that
path seems to resolve to the same as the absolute path which doesn't
work. I don't
Hi Joel - I am still trying to find a solution to this problem. I
just realize that in my previous post, I gave the wrong URL for the
result of the change that I made... Check this:
http://news1.pandesa.com/wp-content/themes/zenful_pandesa/test1.htm
At the above URL, the menus are working great
I think I found the problem, but I'm not sure how to fix it...
I used "View -> Page Source" and pasted it into a file at the
following location:
http://news1.pandesa.com/wp-content/themes/zenful_pandesa/test.htm
As you can see, the menus are still slow and clunky.
Then I replaced the following
I think I found the problem, but I'm not sure how to fix it...
I used "View -> Page Source" and pasted it into a file at the
following location:
http://news1.pandesa.com/wp-content/themes/zenful_pandesa/test.htm
As you can see, the menus are still slow and clunky.
Then I replaced the following
The HTML is created from your PHP files on the server, but by the time
the browser sees it it will just be regular static HTML, so you you
can just copy and paste from "View Source" and save it as a HTML file.
If you can do that then the file should just run from the file system
(ie. without a ser
Hi Joel,
Thanks for your prompt response! The page is validating now, but we
still have the same problem.
You've asked for the HTML, CSS and JS, but this is a WordPress page,
so the HTML is created from a bunch of PHP files.
Do you want me to package-up the WordPress template and send it to
yo
Hi John, long time no talk :)
The dodgy behaviour on that page is very strange. Makes me think it
could be due to HTML errors. I think if you can make the code validate
we can rule out lots of possibilities and if it still doesn't work,
package up that page's HTML, CSS and JS and send that test p
On 03/11/2007, Olivier Percebois-Garve <[EMAIL PROTECTED]> wrote:
> You definitely need to include bgiframe, because without you have errors,
> and therefore the swfobject code cannot run.
...or remove the code that applies bgiframe to Superfish completely,
and don't include the bgiframe plugin.
You definitely need to include bgiframe, because without you have errors,
and therefore the swfobject code cannot run.
gracetec wrote:
Hi rolfsf,
Thanks for your response.
I have re-checked all the code against a working example and the only
difference appears to be the way in which the flash
Hi, it works because you used the :
wmode="transparent"
You need this for elements to appear above the flash movie.
-Tony
gracetec wrote:
Hi rolfsf,
Thanks for your response.
I have re-checked all the code against a working example and the only
difference appears to be the way in which
Hi rolfsf,
Thanks for your response.
I have re-checked all the code against a working example and the only
difference appears to be the way in which the flash file is embedded.
It works for this code:
http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=6,0,29,0" width="
I don't have an easy answer for you, but it seems like you've tried a couple
different techniques and haven't completely removed the old ones. For
example, you've got both the original suckerfish javascript (sfhover) and
superfish ( which is a jquery implementation of the suckerfish menu). You're
Thanks for your reply but unfortunately on PC IE the menu still jumps
around
http://elearningrd.info/portal/test3.php
even though I specified a width for the nav element. Any other ideas?
Thanks, - Dave
On Oct 18, 11:14 pm, "Joel Birch" <[EMAIL PROTECTED]> wrote:
> Hi Dave,
>
> Simply apply w
Hi Dave,
Simply apply width:100px (or whatever value) to the .nav element.
Joel Birch
P.S. sorry to everyone who have posted Superfish help requests lately
- I've been so busy and have not had chance to look help out as much
as usual. Hopefully this weekend I may find time to answer some.
Thanks a ton! It works great.
On Oct 4, 12:12 pm, "Joel Birch" <[EMAIL PROTECTED]> wrote:
> Hi Ryura,
>
> I have to be quick because I am supposed to be asleep, but basically:
>
> 1) remove the left padding on .nav li ul
> 2) change any value that is 9.45em or 7.45em to read: 160px. This is
> be
Hi Ryura,
I have to be quick because I am supposed to be asleep, but basically:
1) remove the left padding on .nav li ul
2) change any value that is 9.45em or 7.45em to read: 160px. This is
because you are using 160px wide images instead of text so you want a
fixed unit of measurement for the wi
Nice work, Joel - very nice!
> http://users.tpg.com.au/j_birch/plugins/superfish/
Joel,
It looks great. I really like that it's keyboard accessible. Too often user
interface controls are upgraded by the addition of javascript and only the
mouse is taken into account, where before the enhancement, it worked with
the keyboard and mouse. Thank you.
- Richard
On 8/28/07, Joel Bir
98 matches
Mail list logo
