[jQuery] Re: superfish: disable arrows in first list
Hi Dasher,
That may make the arrows disappear, but the .sf-menu li element is
still stretched out as if there was still an arrow there.
On Dec 31 2009, 9:51 pm, Dasher sea...@gocreate.com.au wrote:
Hi Frank,
In the $(document).ready(function() { area...
Below the superfish ($('ul.sf-menu').superfish({ call...
add...
$('ul.sf-menu li a span').remove();
I found that in this forum somewhere and that worked for me. Good luck
[jQuery] Re: Superfish: drop down slide down / slide up effect - how to?
Thanks Angel. Wow, that slide down looks great! Do you know how to make it slide back up on mouse-out too (eg to match that slide down / up effect on the http://spicebrains.com/multi-level-drop-down-menu/#examples page)?
Re: [jQuery] Re: Superfish - Arrows don't display on dropdown
without seeing a link it sounds like path problems. Use firebug Net tab
to see if everything is loading
initialsbr wrote:
Also, it appears that the menu works fine on the home page but not on
any of the individual pages. Any suggestions there?
On Jan 17, 7:57pm, initialsbr luke.kirkl...@gmail.com wrote:
I'm really excited to use this bu the arrows aren't displaying on my
menu. Here's the code I've got in the head...
link rel="stylesheet" type="text/css" media="screen" href="" /
script type="text/_javascript_" src=""/
script
script type="text/_javascript_" src=""/script
script type="text/_javascript_" src=""/script
script type="text/_javascript_"
$(document).ready(function(){
$("ul.sf-menu").supersubs({
minWidth: 12,
maxWidth: 27,
extraWidth: 1,
autoArrows: true,
}).superfish();
});
/script
Here's what I've got in the body...
div id="menu"
ul class="sf-menu"
li class="current"
a href="" class="moz-txt-link-rfc2396E" href="http://localhost:/claykirkland/">"http://localhost:/claykirkland/"home/a
/li
li
a href="" class="moz-txt-link-rfc2396E" href="http://localhost:/claykirkland/bio/">"http://localhost:/claykirkland/bio/"bio/a
ul
lia href=""musical/a/li
lia href=""personal/a/li
/ul
/li
li class="current"
a href="" class="moz-txt-link-rfc2396E" href="http://localhost:/claykirkland/events/">"http://localhost:/claykirkland/events/"events/a
/li
li class="current"
a href="" class="moz-txt-link-rfc2396E" href="http://localhost:/claykirkland/music/">"http://localhost:/claykirkland/music/"music/a
/li
li class="current"
a href="" class="moz-txt-link-rfc2396E" href="http://localhost:/claykirkland/photos/">"http://localhost:/claykirkland/photos/"photos/a
/li
li
a href="" class="moz-txt-link-rfc2396E" href="http://localhost:/claykirkland/bio/">"http://localhost:/claykirkland/bio/"shop/a
ul
lia href=""checkout/a/li
lia href=""menu item/a/li
/ul
/li
/ul
/div
In the css I show that the images at...
http://localhost:/claykirkland/superfish/images/
I'm building this using MAMP and Wordpress on my computer. I don't get
it. Everything else works great.
Help!
[jQuery] Re: Superfish - Arrows don't display on dropdown
Also, it appears that the menu works fine on the home page but not on
any of the individual pages. Any suggestions there?
On Jan 17, 7:57 pm, initialsbr luke.kirkl...@gmail.com wrote:
I'm really excited to use this bu the arrows aren't displaying on my
menu. Here's the code I've got in the head...
link rel=stylesheet type=text/css media=screen href=superfish/
css/superfish.css /
script type=text/javascript src=superfish/hoverIntent.js/
script
script type=text/javascript src=superfish/superfish.js/script
script type=text/javascript src=superfish/supersubs.js/script
script type=text/javascript
$(document).ready(function(){
$(ul.sf-menu).supersubs({
minWidth: 12,
maxWidth: 27,
extraWidth: 1,
autoArrows: true,
}).superfish();
});
/script
Here's what I've got in the body...
div id=menu
ul class=sf-menu
li class=current
a
href=http://localhost:/claykirkland/;home/a
/li
li
a
href=http://localhost:/claykirkland/bio/;bio/a
ul
lia
href=#musical/a/li
lia
href=#personal/a/li
/ul
/li
li class=current
a
href=http://localhost:/claykirkland/events/;events/a
/li
li class=current
a
href=http://localhost:/claykirkland/music/;music/a
/li
li class=current
a
href=http://localhost:/claykirkland/photos/;photos/a
/li
li
a
href=http://localhost:/claykirkland/bio/;shop/a
ul
lia
href=#checkout/a/li
lia href=#menu
item/a/li
/ul
/li
/ul
/div
In the css I show that the images at...
http://localhost:/claykirkland/superfish/images/
I'm building this using MAMP and Wordpress on my computer. I don't get
it. Everything else works great.
Help!
[jQuery] Re: Superfish - Function request: Supporting JQuery UI Theme
That would be a really useful feature. I've just finished implementing a UI with a graphic designer and it would be really nice if the jQueryUI CSS would create the default skin. Regards, Josh On Jan 14, 8:56 am, vivalite_wei vival...@gmail.com wrote: Hi, I am really missing JQuery UI theme support in superfish. Could you consider to implement it in next version? Have a great day! Wei
Re: [jQuery] Re: Superfish - Function request: Supporting JQuery UI Theme
you can use jQuery UI css to skin other elements such as a menu. Add the applicable classes to menu and volia http://jqueryui.com/docs/Theming/API Josh wrote: That would be a really useful feature. I've just finished implementing a UI with a graphic designer and it would be really nice if the jQueryUI CSS would create the default skin. Regards, Josh On Jan 14, 8:56am, vivalite_wei vival...@gmail.com wrote: Hi, I am really missing JQuery UI theme support in superfish. Could you consider to implement it in next version? Have a great day! Wei
[jQuery] Re: Superfish 1.4.8 accessibility enhancement
You can of course use my (minor) modification under an MIT license. Since Superfish 1.4.8 is offered under both MIT and GPL, you are free to create your own fork. This plugin still gets tons of use, I think it would be good for the community to have a more current release. You should start a google code project for it. -Jason On Jan 10, 2:12 pm, decola decola...@googlemail.com wrote: Im really wondering where the developer of this project ... anyway i made some enhancements to superfish by myself. Am i allowed to copy and paste your code into my work. Because if the developer of superfish does not answer i will maybe make an own project like superfish menu enhanced or so. so far decola On 7 Jan., 20:55, Jason Denizac j.deni...@gmail.com wrote: Superfish is a jQuery plugin for progressive enhancement of suckerfish- style HTML/CSS drop-down menus. It can be found athttp://users.tpg.com.au/j_birch/plugins/superfish/ The original Superfish plugin used jQuery's hide() method, which sets an inline css attribute of display: none on the hidden menus. This has the unintended effect of making screen readers skip over the submenus. Since screen readers cannot easily trigger the hover event, this effectively blocks them from accessing any of the sub menu items. This modification changes the css technique used to hide the menus visually while leaving them available for screen readers. You can grab the updated code herehttp://jsbin.com/useku (Apologies if this is the wrong place for this posting - the author of the original Superfish plugin mentioned this list as the place for support for the plugin. Thanks!) Jason Denizac
[jQuery] Re: Superfish IE6 dies with opacity CSS attribute
You mean UL LI UL LI, instead of UL LI LI? Because you're not supposed to put LIs inside LIs...
Re: [jQuery] Re: Superfish IE6 dies with opacity CSS attribute
UL LI LI will still work as CSS selector. The second LI is still a descendant of the first one, regradless of it's parent and the css is written that way. ime Vidas wrote: You mean UL LI UL LI, instead of UL LI LI? Because you're not supposed to put LIs inside LIs...
[jQuery] Re: Superfish IE6 dies with opacity CSS attribute
It violates the standard and you should avoid such practice. Proper nesting: ul liFirst ul liOne/li liTwo/li /ul /li liSecond/li /ul Please, put a demo of the problem online...
Re: [jQuery] Re: Superfish IE6 dies with opacity CSS attribute
Šime Vidas wrote: It violates the standard and you should avoid such practice. Proper nesting: ul liFirst ul liOne/li liTwo/li /ul /li liSecond/li /ul Please, put a demo of the problem online... It's perfectly ok to omit the ul's in your css selector, but the HTML has to be like you posted, yes. It's not exactly clear from his post what cubefree did, though. Jonathan -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
Re: [jQuery] Re: Superfish IE6 dies with opacity CSS attribute
my point is to not confuse someone with a css problem by having to
change css selectors that work, and is the basis for structure of the
css in superfish
jQuery would work also with same selector $("ul li li"). The html
needs to be vaild for sure but OP was css
ime Vidas wrote:
It violates the standard and you should avoid such practice.
Proper nesting:
ul
liFirst
ul
liOne/li
liTwo/li
/ul
/li
liSecond/li
/ul
Please, put a demo of the problem online...
[jQuery] Re: Superfish IE6 dies with opacity CSS attribute
The selector ul li li is valid, of course.
[jQuery] Re: Superfish separator
If tried css and modified the mod files it could get very tricky. Maybe you just make an image with paint or so and show me where this seperator should go and i maybe could help you. so far decola On 8 Jan., 18:36, eddybaby sarcasm_king...@hotmail.com wrote: Hi, Only found superfish today, and man oh man do I love it! It's fantastic, and so customisable. My only problem I am having, is getting a separator to show between the menu items! I have tried editing mod_superfishmenu.php and in the xml file and just can't get it to show up. Tried stuff with the CSS as well, and for love nor money (not that I've tried money) can I get them to show! ANY help would be appreciated, even if someone just told me which file to look in!! Thanks again for the awesome project! Regards, eddybaby
[jQuery] Re: Superfish 1.4.8 accessibility enhancement
Im really wondering where the developer of this project ... anyway i made some enhancements to superfish by myself. Am i allowed to copy and paste your code into my work. Because if the developer of superfish does not answer i will maybe make an own project like superfish menu enhanced or so. so far decola On 7 Jan., 20:55, Jason Denizac j.deni...@gmail.com wrote: Superfish is a jQuery plugin for progressive enhancement of suckerfish- style HTML/CSS drop-down menus. It can be found athttp://users.tpg.com.au/j_birch/plugins/superfish/ The original Superfish plugin used jQuery's hide() method, which sets an inline css attribute of display: none on the hidden menus. This has the unintended effect of making screen readers skip over the submenus. Since screen readers cannot easily trigger the hover event, this effectively blocks them from accessing any of the sub menu items. This modification changes the css technique used to hide the menus visually while leaving them available for screen readers. You can grab the updated code herehttp://jsbin.com/useku (Apologies if this is the wrong place for this posting - the author of the original Superfish plugin mentioned this list as the place for support for the plugin. Thanks!) Jason Denizac
[jQuery] Re: superfish menu problem
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 know if this work for you :) On 7 Jan., 18:33, kon santosh...@gmail.com wrote: Can we keep different color for different menu items . If yes Can you please tell me how to do it.
[jQuery] Re: SUPERFISH - submenus not
this is not an issue its a function :) i have the same problem and fixed it too but i am not sure if you really should release it ... but if you want to you can get an beta version. so far decola On 7 Jan., 14:40, assur3 brockhotal...@sbcglobal.net wrote: Joel, Thanks for a great module. Everything seems to work well except I can't get the submenus to hide with the Suckerfish effects. All submenus are displayed with no mouseover. I must be doing something terribly stupid because no one else seems to have this problem! Forgive my dumb question, but I've tried various settings, checked out my template.css file, etc. but everything seems kosher. My site iswww.assured-it.com. The template I'm using is the new Dominion template from Rockettheme with the Gantry architecture. In case you need administrator, you can use the brock login with susukuu as the password. Any advice you can give me what I'm doing wrong? Thanks. Brock Hotaling
[jQuery] Re: SUPERFISH - version of jQuery
superfish comes with an with an own version of jquery. But you can disabel that and use your own version. You maybe just look into the jquery files in the mod dir and check shich version it is. for the rest ... try and error :D so far decola On 7 Jan., 14:54, assur3 brockhotal...@sbcglobal.net wrote: Joel, I forgot that on my site I installed SC jQuery, because that's the only version I found for Joomla. Is that OK, or do I need a different version?
[jQuery] Re: Superfish Nav-bar Joomla issue
i can´t really imagine what you mean ... do you have a link for the site ??? or could you just make an image ??? so far decolaimagine On 6 Jan., 18:08, Jason jason.lo...@gmail.com wrote: I'm using the superfish module for joomla 1.5 all options except Nav- bar seem to work fine i have a fix menu area width 705px the 1st and 3rd levels are fine however the second level does not fill the entire 705px and instead folds into a 3rd line any ideas on how to get it to fill out the width?
[jQuery] Re: Superfish showing problems in IE7
1st site ... sry does not the the problems 2nd site 1.) + 2.) maybe this a css problem with the tag z-index On 4 Jan., 21:25, i...@woosh.nl i...@woosh.nl wrote: Hello there, I am using Superfish for some Joomla websites. I face problems on the following sites an hope that you can help me out with it: http://stophersentumoren.woosh.nl: 1. When hovering on a list item that has children, the item appears to become smaller (the chaniging background color moves to left a little bit and does not cotain teh full arrow-image that should be in it). 2. The menu gives problems showing the left column of the website (the header-text disappears as well as the text of the first news item) http://www.atosrtv.nl 1. The child-items are being overrun by their neighbouring parents 2. The menu-items ahow underneath teh main content div I really hope that you can help me out with this... Regards, Frank The Netherlands
[jQuery] Re: Superfish License
if you look into the code of superfish you would see this /* * Superfish v1.4.8 - jQuery menu widget * Copyright (c) 2008 Joel Birch * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt */ so its okay if you use it commercially :) but before you get the wrong idea i am not the developer and i really do not know where he / she went and i think he / she would be very happy about a donation :) On 18 Dez. 2009, 00:11, Webguy shaunotoo...@gmail.com wrote: Hi, I was hoping to use your code in a commercial Wordpress theme I intend to sell in an online marketplace. Is that OK? I can't find a license, so I assume its OK to use commercially, but I wanted to check with you. I'd be glad to put a link to your site in the code, and even place a small donation. Thanks for the great code! Shaun
[jQuery] Re: Superfish
This is a problem that goes back a while. The same problem happened with select drop downs appearing above divs etc. Haven't had to deal with this in a while so no straight answer for you, but z-index and/or wmode of the flash might be the way forward. Out of interest, what browers? Adrian On Jan 10, 3:44 am, JW jcu...@gmail.com wrote: Alright, so I have a Superfish menu with a rotating flash banner rotator. When I highlight over my menu item that has sub items, it goes behind the flash instead over top of it. Is there a way to correct this issue?
[jQuery] Re: Superfish
Add this to your flash code: param NAME=wmode VALUE=transparent On Jan 10, 4:44 am, JW jcu...@gmail.com wrote: Alright, so I have a Superfish menu with a rotating flash banner rotator. When I highlight over my menu item that has sub items, it goes behind the flash instead over top of it. Is there a way to correct this issue?
[jQuery] Re: superfish transparent PNG problem IE (8) when dropdown opens
Hiya, I had the same problem in IE8 - and have just this second found the fix. Just add a z-index to the 1st CSS section! I just added z-index:999 to the CSS style settings for '.sf-menu, .sf-menu * ' this. Worked for me and hope it fixes it for you too! Regards, Ed On Dec 16 2009, 12:48 pm, troop msa_...@yahoo.de wrote: Hi Everyone! I encountered a really strange behavior of thesuperfishmenu. It works like a charm an FF etc. but onIE8 (couldn't test it with a lower one yet) the already transparent background of the content DIV gets a gradient transparency when the dropdown gets visible... i couldnt find the part where the PNG alpha chanel is manipulated insuperfish, but would be fine with just turning this functionality off, since its not needed anyway... you can look at a example athttp://goleon.de/wordp/ just hover over one of the menuentries and youll see what i mean... any help is highly appreciated. Thx, Troop
[jQuery] Re: Superfish: drop down slide down / slide up effect - how to?
I got it, here it's how my code looks like:
$(ul.menu).supersubs({
minWidth:10, // minimum width of sub-menus in em
units
maxWidth:25, // maximum width of sub-menus in em
units
extraWidth: 1 // extra width can ensure lines don't
sometimes turn over
}).superfish({
animation: {height:'show'}, // slide-down effect without
fade-in
delay: 500 // 1.2 second delay on
mouseout
});
It was the animation: {height:'show'}, that did the trick.
On 15 dez 2009, 02:16, Photonomad club...@gmail.com wrote:
I am also interested in this! Unfortunately, I haven't been able to
find a solution. Anyone out there know how to modify Superfish so that
the submenu will slide back up on mouseout?
On Dec 3, 7:23 pm, Dasher sea...@gocreate.com.au wrote: Hello,
I have just discovered superfish - it is awesome - the jquery
interaction is great.
Is it possible to have the superfish drop down items slide down and
slide up like the menu on this
page?http://spicebrains.com/multi-level-drop-down-menu/#examples
I really love that effect and have seen it on a number of sites before
and always thought it looked cool.
My current menu seems to show and hide the drop down items and uses
the following code.
$('ul.sf-menu').superfish({
delay: 1000,
animation: {opacity:'show',height:'show'},
speed: 100,
autoArrows: true,
dropShadows: true
});
Thanks in advance.
[jQuery] Re: superfish: disable arrows in first list
Thanx, but if the solution would be so easy, I won't have problems. On 30 Dez. 2009, 19:15, Charlie charlie...@gmail.com wrote: simple solution is use css to hide them, or use jquery to remove them Thies wrote:Hi, is it possible to disable the arrows at superfish only at the first list, so that the arrow will only be shown in the sublists? Thanx a lot Frank, Germany
[jQuery] Re: superfish: disable arrows in first list
Hi Frank,
In the $(document).ready(function() { area...
Below the superfish ($('ul.sf-menu').superfish({ call...
add...
$('ul.sf-menu li a span').remove();
I found that in this forum somewhere and that worked for me. Good luck
[jQuery] Re: superfish menu issues
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 charlie...@gmail.com wrote: can't tell what the problem is when you use default styling. Would be much easier to help if the problem was visible, not theoretical watchbill wrote:I searched and tried implementing some suggestions regarding the desire for transparent first level navigation so it will show the sites nav bar gradient image. I am using a php include for the navigation so if i need to make changes or additions to the sites navigation I can do it in one place. My site utilizes a css stylesheet for the overall site layout so I'm adding the sf-menu class tag and then calling the php include navtop1.php. I put up a test page athttp://isltcforme.com/indexa.phpdiv class=topnavigationArea div class=container div class=topnavigationgroup ul class=sf-menu ?php include navtop1.php;? /ul /div My issue is I would like to know how to make the superfish menu look more like my site. I reverted back to the original superfish.css and sf-nav.css since the changes didn't show the desired changes in ie7 or firefox 3.5.6 what am i doing wrong or what is the fix?
[jQuery] Re: superfish menu issues
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 watchb...@gmail.com 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 difference. the nav still looked like the default settings. On Dec 28, 11:18 am, Charlie charlie...@gmail.com wrote: can't tell what the problem is when you use default styling. Would be much easier to help if the problem was visible, not theoretical watchbill wrote:I searched and tried implementing some suggestions regarding the desire for transparent first level navigation so it will show the sites nav bar gradient image. I am using a php include for the navigation so if i need to make changes or additions to the sites navigation I can do it in one place. My site utilizes a css stylesheet for the overall site layout so I'm adding the sf-menu class tag and then calling the php include navtop1.php. I put up a test page athttp://isltcforme.com/indexa.phpdiv class=topnavigationArea div class=container div class=topnavigationgroup ul class=sf-menu ?php include navtop1.php;? /ul /div My issue is I would like to know how to make the superfish menu look more like my site. I reverted back to the original superfish.css and sf-nav.css since the changes didn't show the desired changes in ie7 or firefox 3.5.6 what am i doing wrong or what is the fix?
[jQuery] Re: Superfish - Background Color on Sub-Menus
Is there a way to make the sub-menu items have a solid background when
they don't have the focus?
Thanks!
On Dec 22, 5:29 am, slflinders slflind...@gmail.com wrote:
Thank you. This gets me very close to what I want. The only problem
now is that when I hover over the top level menu item, the sub-menu
items appear and have a transparent background as well. As soon as I
move focus to a sub-menu item, it takes on the solid background color
I want. Is there a way to make the sub-menu items have the solid
background when they don't have the focus?
On Dec 21, 10:43 pm, Dasher sea...@gocreate.com.au wrote:
OK - remove that last bit re:
.sf-menu li { background: transparent; } /*top level*/
.sf-menu li li { background: #F0F; } /*second level*/
.sf-menu li li li { background: #000; } /*third level*/
I think given the spans and extra classes you have added you'll need
to do this...
Change in your superfish.css file to this:
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active
{
background: transparent;
outline: 0;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li
a:active
{
background: #AABDE6;
outline: 0;
}
.sf-menu li li li:hover, .sf-menu li li li.sfHover,
.sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li
li a:active
{
background: #9AAEDB;
outline: 0;
}
I think that will pretty well get you over the line.
If not, direct message me and I can work out the rest for you at a
fee.
Good luck.
On Dec 22, 12:53 pm, slflinders slflind...@gmail.com wrote:
I'm still looking for help on this issue. Any other suggestions?
On Dec 21, 6:56 am, slflinders slflind...@gmail.com wrote:
Yes, that's exactly what I want to accomplish. I tried your suggestion
below, but it doesn't work.
When I remove the background color definition from the '.sf-menu a'
item, all menu items have a transparent background. No matter what
colors I specify in the '.sf-menu li' items, they don't have any
effect--even changing the top-level 'li' item from transparent to
another color doesn't have any effect.
I'm trying to get the 404 error fixed, but it only affects the main
landing page. You can see the site by going to theratrike.com/
home.html instead.
Thanks for your help.
On Dec 20, 10:05 pm, Dasher sea...@gocreate.com.au wrote:
Howdy,
I think I know what you'e after.
+ Transparent background on top level links
+ Solid background on sub links
The link you referred to returns a 404 page so I could not see it in
action.
I would do it by removing the background colour from the 'a' item and
adding it to the 'li' item instead.
Eg
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
padding: .1em .1em;
text-decoration:none;
}
.sf-menu li { background: transparent; } /*top level*/
.sf-menu li li { background: #F0F; } /*second level*/
.sf-menu li li li { background: #000; } /*third level*/
And then just change the colours to suit.
Hope that helps.
Cheers.
Nick
On Dec 20, 3:39 am, slflinders slflind...@gmail.com wrote:
I'm using a Superfish menu for the top menu at the following site:
http://theratrike.com
The first-level menu has an image behind it and the default
background
color for the list items was transparent, which made it look nice.
However, when you hovered over a first-level item to expose the sub-
menu, the background for the sub-menu items was also transparent.
Since the sub-menu drops down, the other elements of the page show
through the sub-menu items and make them hard to read.
So, I added a background color to the .sf-menu as follows:
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
padding: .1em .1em;
background: #f5f5f5;
text-decoration:none;
}
That solves the problem for the sub-menu items, but now the
background
color is also covering the image behind the first-level menu items.
Is
it possible to have the first-level items with a transparent
background and the sub-menu items with a solid background? If so,
how
do I accomplish that?
Thanks.
[jQuery] Re: Superfish - Background Color on Sub-Menus
Thank you. This gets me very close to what I want. The only problem
now is that when I hover over the top level menu item, the sub-menu
items appear and have a transparent background as well. As soon as I
move focus to a sub-menu item, it takes on the solid background color
I want. Is there a way to make the sub-menu items have the solid
background when they don't have the focus?
On Dec 21, 10:43 pm, Dasher sea...@gocreate.com.au wrote:
OK - remove that last bit re:
.sf-menu li { background: transparent; } /*top level*/
.sf-menu li li { background: #F0F; } /*second level*/
.sf-menu li li li { background: #000; } /*third level*/
I think given the spans and extra classes you have added you'll need
to do this...
Change in your superfish.css file to this:
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active
{
background: transparent;
outline: 0;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li
a:active
{
background: #AABDE6;
outline: 0;
}
.sf-menu li li li:hover, .sf-menu li li li.sfHover,
.sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li
li a:active
{
background: #9AAEDB;
outline: 0;
}
I think that will pretty well get you over the line.
If not, direct message me and I can work out the rest for you at a
fee.
Good luck.
On Dec 22, 12:53 pm, slflinders slflind...@gmail.com wrote:
I'm still looking for help on this issue. Any other suggestions?
On Dec 21, 6:56 am, slflinders slflind...@gmail.com wrote:
Yes, that's exactly what I want to accomplish. I tried your suggestion
below, but it doesn't work.
When I remove the background color definition from the '.sf-menu a'
item, all menu items have a transparent background. No matter what
colors I specify in the '.sf-menu li' items, they don't have any
effect--even changing the top-level 'li' item from transparent to
another color doesn't have any effect.
I'm trying to get the 404 error fixed, but it only affects the main
landing page. You can see the site by going to theratrike.com/
home.html instead.
Thanks for your help.
On Dec 20, 10:05 pm, Dasher sea...@gocreate.com.au wrote:
Howdy,
I think I know what you'e after.
+ Transparent background on top level links
+ Solid background on sub links
The link you referred to returns a 404 page so I could not see it in
action.
I would do it by removing the background colour from the 'a' item and
adding it to the 'li' item instead.
Eg
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
padding: .1em .1em;
text-decoration:none;
}
.sf-menu li { background: transparent; } /*top level*/
.sf-menu li li { background: #F0F; } /*second level*/
.sf-menu li li li { background: #000; } /*third level*/
And then just change the colours to suit.
Hope that helps.
Cheers.
Nick
On Dec 20, 3:39 am, slflinders slflind...@gmail.com wrote:
I'm using a Superfish menu for the top menu at the following site:
http://theratrike.com
The first-level menu has an image behind it and the default background
color for the list items was transparent, which made it look nice.
However, when you hovered over a first-level item to expose the sub-
menu, the background for the sub-menu items was also transparent.
Since the sub-menu drops down, the other elements of the page show
through the sub-menu items and make them hard to read.
So, I added a background color to the .sf-menu as follows:
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
padding: .1em .1em;
background: #f5f5f5;
text-decoration:none;
}
That solves the problem for the sub-menu items, but now the background
color is also covering the image behind the first-level menu items. Is
it possible to have the first-level items with a transparent
background and the sub-menu items with a solid background? If so, how
do I accomplish that?
Thanks.
[jQuery] Re: Superfish - current sublevel visible
Yes i can see that others request a solution, i will search and i'll tell you if i find something. I thought maybe it's possible with the callback functions but at this time my tests are not successfull. Anyway, thanks for your answer. Thomas On 22 déc, 04:30, Charlie charlie...@gmail.com wrote: question is clear ..solution however would take some custom coding of the 2 main hide/show functions within plugin if you manage to create a solution please post it here, others have had same request tominou50 wrote:Hello, I'd like to know if it's possible that the current sublevel ul is always visible except when i rollover other main items and when i roll out other main items the current sublevel ul go back to visible status... am i clear ??? Many Thanks Thomas
[jQuery] Re: Superfish and Wordpress
On Dec 20, 10:04 pm, Rob rgiv...@gmail.com wrote:
I am having trouble getting my wordpress theme to use the Superfish in
the nav menu. My problem is I have subcategories that go 3 tabs deep
and currently it is very tough to navigate through the drop down menu
so I wanted to get Superfish to work since I have used it with other
non-Wordpress sites in the past.
a link to the site I am working on ishttp://robgivans.com/hssportszone/
I have called these files.
//link to the CSS files for this menu type
link rel=stylesheet type=text/css media=screen
href=superfish.css /
// link to the JavaScript files (hoverIntent is optional)
script type=text/javascript src=hoverIntent.js/script
script type=text/javascript src=superfish.js/script
script type=text/javascript src=supersubs.js/script
Then right above my Navbar I have called the script file for super
fish, this is exactly how it is in my file.
script type=text/javascript
$(document).ready(function(){
$(ul.sf-menu).supersubs({
minWidth: 12, // minimum width of sub-menus in em
units
maxWidth: 27, // maximum width of sub-menus in em
units
extraWidth: 1 // extra width can ensure lines don't
sometimes turn over
// due to slight rounding differences
and font-family
}).superfish(); // call supersubs first, then superfish, so
that subs are
// not display:none when measuring. Call
before initialising
// containing tabs for same reason.
});
/script
div id=navbar
div id=navbarleft
ul id=nav
lia href=?php echo get_settings('home'); ?Home/a/li
?php wp_list_pages('title_li=depth=4sort_column=menu_order'); ?
/ul
/div
/div
I have changed the DIV Navbar to sf-menu but it makes no difference.
If you have any idea what I could be doing wrong please let me know, I
have been messing with this way too long, maybe I am missing something
stupid. Thanks.
I have used SuperFish menus in a couple WordPress themes which are
based on the Sandbox theme.
To get SuperFish to load correctly, I had to run this jQuery script:
// Need to initialize jQuery and the SuperFish menus
jQuery(document).ready(function(){
jQuery('ul.sf-menu').superfish({
delay: 250,
animation: {opacity:'show',height:'show'},
speed: 'fast',
autoArrows: true,
dropShadows: true,
pathClass: 'current_page_item'});
});
Your pathClass argument might be different depending on how your theme
assigns a class to the current page. It has been my experience that
you will not be able to use the jQuery $() shortcut notation with
WordPress because so many things make use of jQuery.
You can see SuperFish menus working with WordPress on this web site:
http://www.caslshocks.org
Mike
[jQuery] Re: Superfish - Background Color on Sub-Menus
Yes, that's exactly what I want to accomplish. I tried your suggestion
below, but it doesn't work.
When I remove the background color definition from the '.sf-menu a'
item, all menu items have a transparent background. No matter what
colors I specify in the '.sf-menu li' items, they don't have any
effect--even changing the top-level 'li' item from transparent to
another color doesn't have any effect.
I'm trying to get the 404 error fixed, but it only affects the main
landing page. You can see the site by going to theratrike.com/
home.html instead.
Thanks for your help.
On Dec 20, 10:05 pm, Dasher sea...@gocreate.com.au wrote:
Howdy,
I think I know what you'e after.
+ Transparent background on top level links
+ Solid background on sub links
The link you referred to returns a 404 page so I could not see it in
action.
I would do it by removing the background colour from the 'a' item and
adding it to the 'li' item instead.
Eg
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
padding: .1em .1em;
text-decoration:none;
}
.sf-menu li { background: transparent; } /*top level*/
.sf-menu li li { background: #F0F; } /*second level*/
.sf-menu li li li { background: #000; } /*third level*/
And then just change the colours to suit.
Hope that helps.
Cheers.
Nick
On Dec 20, 3:39 am, slflinders slflind...@gmail.com wrote:
I'm using a Superfish menu for the top menu at the following site:
http://theratrike.com
The first-level menu has an image behind it and the default background
color for the list items was transparent, which made it look nice.
However, when you hovered over a first-level item to expose the sub-
menu, the background for the sub-menu items was also transparent.
Since the sub-menu drops down, the other elements of the page show
through the sub-menu items and make them hard to read.
So, I added a background color to the .sf-menu as follows:
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
padding: .1em .1em;
background: #f5f5f5;
text-decoration:none;
}
That solves the problem for the sub-menu items, but now the background
color is also covering the image behind the first-level menu items. Is
it possible to have the first-level items with a transparent
background and the sub-menu items with a solid background? If so, how
do I accomplish that?
Thanks.
[jQuery] Re: Superfish - Background Color on Sub-Menus
I'm still looking for help on this issue. Any other suggestions?
On Dec 21, 6:56 am, slflinders slflind...@gmail.com wrote:
Yes, that's exactly what I want to accomplish. I tried your suggestion
below, but it doesn't work.
When I remove the background color definition from the '.sf-menu a'
item, all menu items have a transparent background. No matter what
colors I specify in the '.sf-menu li' items, they don't have any
effect--even changing the top-level 'li' item from transparent to
another color doesn't have any effect.
I'm trying to get the 404 error fixed, but it only affects the main
landing page. You can see the site by going to theratrike.com/
home.html instead.
Thanks for your help.
On Dec 20, 10:05 pm, Dasher sea...@gocreate.com.au wrote:
Howdy,
I think I know what you'e after.
+ Transparent background on top level links
+ Solid background on sub links
The link you referred to returns a 404 page so I could not see it in
action.
I would do it by removing the background colour from the 'a' item and
adding it to the 'li' item instead.
Eg
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
padding: .1em .1em;
text-decoration:none;
}
.sf-menu li { background: transparent; } /*top level*/
.sf-menu li li { background: #F0F; } /*second level*/
.sf-menu li li li { background: #000; } /*third level*/
And then just change the colours to suit.
Hope that helps.
Cheers.
Nick
On Dec 20, 3:39 am, slflinders slflind...@gmail.com wrote:
I'm using a Superfish menu for the top menu at the following site:
http://theratrike.com
The first-level menu has an image behind it and the default background
color for the list items was transparent, which made it look nice.
However, when you hovered over a first-level item to expose the sub-
menu, the background for the sub-menu items was also transparent.
Since the sub-menu drops down, the other elements of the page show
through the sub-menu items and make them hard to read.
So, I added a background color to the .sf-menu as follows:
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
padding: .1em .1em;
background: #f5f5f5;
text-decoration:none;
}
That solves the problem for the sub-menu items, but now the background
color is also covering the image behind the first-level menu items. Is
it possible to have the first-level items with a transparent
background and the sub-menu items with a solid background? If so, how
do I accomplish that?
Thanks.
[jQuery] Re: Superfish - Background Color on Sub-Menus
OK - remove that last bit re:
.sf-menu li { background: transparent; } /*top level*/
.sf-menu li li { background: #F0F; } /*second level*/
.sf-menu li li li { background: #000; } /*third level*/
I think given the spans and extra classes you have added you'll need
to do this...
Change in your superfish.css file to this:
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active
{
background: transparent;
outline:0;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li
a:active
{
background: #AABDE6;
outline:0;
}
.sf-menu li li li:hover, .sf-menu li li li.sfHover,
.sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li
li a:active
{
background: #9AAEDB;
outline:0;
}
I think that will pretty well get you over the line.
If not, direct message me and I can work out the rest for you at a
fee.
Good luck.
On Dec 22, 12:53 pm, slflinders slflind...@gmail.com wrote:
I'm still looking for help on this issue. Any other suggestions?
On Dec 21, 6:56 am, slflinders slflind...@gmail.com wrote:
Yes, that's exactly what I want to accomplish. I tried your suggestion
below, but it doesn't work.
When I remove the background color definition from the '.sf-menu a'
item, all menu items have a transparent background. No matter what
colors I specify in the '.sf-menu li' items, they don't have any
effect--even changing the top-level 'li' item from transparent to
another color doesn't have any effect.
I'm trying to get the 404 error fixed, but it only affects the main
landing page. You can see the site by going to theratrike.com/
home.html instead.
Thanks for your help.
On Dec 20, 10:05 pm, Dasher sea...@gocreate.com.au wrote:
Howdy,
I think I know what you'e after.
+ Transparent background on top level links
+ Solid background on sub links
The link you referred to returns a 404 page so I could not see it in
action.
I would do it by removing the background colour from the 'a' item and
adding it to the 'li' item instead.
Eg
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
padding: .1em .1em;
text-decoration:none;
}
.sf-menu li { background: transparent; } /*top level*/
.sf-menu li li { background: #F0F; } /*second level*/
.sf-menu li li li { background: #000; } /*third level*/
And then just change the colours to suit.
Hope that helps.
Cheers.
Nick
On Dec 20, 3:39 am, slflinders slflind...@gmail.com wrote:
I'm using a Superfish menu for the top menu at the following site:
http://theratrike.com
The first-level menu has an image behind it and the default background
color for the list items was transparent, which made it look nice.
However, when you hovered over a first-level item to expose the sub-
menu, the background for the sub-menu items was also transparent.
Since the sub-menu drops down, the other elements of the page show
through the sub-menu items and make them hard to read.
So, I added a background color to the .sf-menu as follows:
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
padding: .1em .1em;
background: #f5f5f5;
text-decoration:none;
}
That solves the problem for the sub-menu items, but now the background
color is also covering the image behind the first-level menu items. Is
it possible to have the first-level items with a transparent
background and the sub-menu items with a solid background? If so, how
do I accomplish that?
Thanks.
[jQuery] Re: Superfish - Background Color on Sub-Menus
Howdy,
I think I know what you'e after.
+ Transparent background on top level links
+ Solid background on sub links
The link you referred to returns a 404 page so I could not see it in
action.
I would do it by removing the background colour from the 'a' item and
adding it to the 'li' item instead.
Eg
.sf-menu a {
border-left:1px solid #fff;
border-top: 1px solid #fff;
padding:.1em .1em;
text-decoration:none;
}
.sf-menu li { background: transparent; } /*top level*/
.sf-menu li li { background: #F0F; } /*second level*/
.sf-menu li li li { background: #000; } /*third level*/
And then just change the colours to suit.
Hope that helps.
Cheers.
Nick
On Dec 20, 3:39 am, slflinders slflind...@gmail.com wrote:
I'm using a Superfish menu for the top menu at the following site:
http://theratrike.com
The first-level menu has an image behind it and the default background
color for the list items was transparent, which made it look nice.
However, when you hovered over a first-level item to expose the sub-
menu, the background for the sub-menu items was also transparent.
Since the sub-menu drops down, the other elements of the page show
through the sub-menu items and make them hard to read.
So, I added a background color to the .sf-menu as follows:
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
padding: .1em .1em;
background: #f5f5f5;
text-decoration:none;
}
That solves the problem for the sub-menu items, but now the background
color is also covering the image behind the first-level menu items. Is
it possible to have the first-level items with a transparent
background and the sub-menu items with a solid background? If so, how
do I accomplish that?
Thanks.
[jQuery] Re: Superfish - let the navigation fade in AND fade out
I solved the problem on my own. The problem was that the menupoint
hides before it is abel to slide out.
i just changed
var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not
(not).removeClass(o.hoverClass)
.find('ul').hide().css
('visibility','visible');
into
var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not
(not).removeClass(o.hoverClass)
.find('ul').css
('visibility','visible');
no i have another problem, but i will post this in another thread.
thanks so far :)
On 16 Dez., 13:52, decola decola...@googlemail.com wrote:
I was searching for a plugin that makes me abel to make a dropdown
navigation. I found Superfish and was really happy. But now i realized
that then menuepoints fade in but just pop away if the mouse left
them. I want that the menupoints fade out if the mouse leave them like
on this page
http://demo.joomlaextensions.co.in/index.php?option=com_contentview=...
So i started to recode the code of Superfish, but i can´t get it
working.
Heres a small code snippet (the only things i´ve changed)
sf.defaults = {
hoverClass : 'sfHover',
pathClass : 'overideThisToUse',
pathLevels : 1,
delay : 800,
animationShow: {opacity:'show'},
animationHide: {opacity:'hide'},
speed : '10',
autoArrows : true,
dropShadows : true,
disableHI : false, // true disables
hoverIntent detection
onInit : function(){}, // callback functions
onBeforeShow : function(){},
onShow : function(){},
onBeforeHide : function(){},
onHide : function(){}
};
$.fn.extend({
hideSuperfishUl : function(){
var o = sf.op,
not = (o.retainPath===true) ? o.$path : '';
o.retainPath = false;
var $ul =
$(['li.',o.hoverClass].join(''),this).add(this).not
(not).removeClass(o.hoverClass)
.find('ul').hide().css('visibility','visible');
sf.IE7fix.call($ul);
o.onBeforeHide.call($ul);
$ul.animate(o.animationHide,o.speed,function(){
sf.IE7fix.call
($ul); o.onHide.call($ul); });
//alert(hide !!!);
return this;
},
hideSuperfishUlStartup : function(){
var o = sf.op,
not = (o.retainPath===true) ? o.$path : '';
o.retainPath = false;
var $ul =
$(['li.',o.hoverClass].join(''),this).add(this).not
(not).removeClass(o.hoverClass)
.find('ul').hide().css('visibility','visible');
o.onHide.call($ul);
//alert(hide !!! startup);
return this;
},
showSuperfishUl : function(){
var o = sf.op,
sh = sf.c.shadowClass+'-off',
$ul = this.addClass(o.hoverClass)
.find('ul:hidden').css('visibility','visible');
sf.IE7fix.call($ul);
o.onBeforeShow.call($ul);
$ul.animate(o.animationShow,o.speed,function(){
sf.IE7fix.call
($ul); o.onShow.call($ul); });
//alert(show);
return this;
}
});
})(jQuery);
this is out of the superfish.js.
Can Please someone help me to get this working ?
[jQuery] Re: Superfish
Hi,
the CSS comes from lmiab.css (line 69) :
#horiz-menu li.sfHover a, #horiz-menu li.sfHover .separator {
color:#00;
}
try to change that line, that should do the trick.
[jQuery] Re: superfish transparent PNG problem IE (8) when dropdown opens
did you look at the site with IE8?
the menu doesnt contain images, the maincontent DIV does. and the
transparent PNG of the DIV gets messed up somehow.
I kinda solved it by setting:
animation: {height:'show'}
now there is no opacity change, and the background PNG of the content
DIV stays as it should, but the whole thing still is odd...
Re: [jQuery] Re: superfish transparent PNG problem IE (8) when dropdown opens
troop wrote:
did you look at the site with IE8?
the menu doesnt contain images, the maincontent DIV does. and the
transparent PNG of the DIV gets messed up somehow.
I kinda solved it by setting:
animation: {height:'show'}
now there is no opacity change, and the background PNG of the content
DIV stays as it should, but the whole thing still is odd...
IE's alpha png support basically consists of them applying the IE alpha
png filter we all know internally by default. So basically the same bugs
we saw in IE6 show when you try to fade in a png in the later versions too.
You can either avoid fading elements with transparent png's (in IE) or
you can send IE 8-bits versions of your .png (or a .gif, same thing).
Jonathan
--
Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
I'm out of the office from 24/12/09 until 05/01/10
[jQuery] Re: superfish transparent PNG problem IE (8) when dropdown opens
IE8 and IE6 or below do not play well with PNG as I have found out recently. To fix issues with IE8 try putting this in the head tag: meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 /
[jQuery] Re: Superfish: drop down slide down / slide up effect - how to?
I am also interested in this! Unfortunately, I haven't been able to
find a solution. Anyone out there know how to modify Superfish so that
the submenu will slide back up on mouseout?
On Dec 3, 7:23 pm, Dasher sea...@gocreate.com.au wrote:
Hello,
I have just discovered superfish - it is awesome - the jquery
interaction is great.
Is it possible to have the superfish drop down items slide down and
slide up like the menu on this
page?http://spicebrains.com/multi-level-drop-down-menu/#examples
I really love that effect and have seen it on a number of sites before
and always thought it looked cool.
My current menu seems to show and hide the drop down items and uses
the following code.
$('ul.sf-menu').superfish({
delay: 1000,
animation: {opacity:'show',height:'show'},
speed: 100,
autoArrows: true,
dropShadows: true
});
Thanks in advance.
[jQuery] Re: Superfish sub-menus not working in IE
I was told this was the place to get support for the Superfish module. Can anybody help me with the problem below? Thanks. On Dec 14, 6:42 pm, slflinders slflind...@gmail.com wrote: Hi. I just installed Superfish Dropdown Menu for Joomla 1.5 today from extensions.joomla.org and have a couple of questions. First, the version on extensions.joomla.org is 1.2. Is this the best version to be using or is there something more recent? If so, how do I get it? Second, I configured my menu with a Menu Style of Accordian List and Animation as Fade In. It works great in FireFox and Chrome. However, in Internet Explorer (version 7), the sub-menu doesn't appear when I hover over the parent menu item. What do I need to do to fix this? Thanks.
Re: [jQuery] Re: Superfish sub-menus not working in IE
a link would help have you tried the z-index fix suggested in faq's on superfish site? slflinders wrote: I was told this was the place to get support for the Superfish module. Can anybody help me with the problem below? Thanks. On Dec 14, 6:42pm, slflinders slflind...@gmail.com wrote: Hi. I just installed Superfish Dropdown Menu for Joomla 1.5 today from extensions.joomla.org and have a couple of questions. First, the version on extensions.joomla.org is 1.2. Is this the best version to be using or is there something more recent? If so, how do I get it? Second, I configured my menu with a Menu Style of Accordian List and Animation as Fade In. It works great in FireFox and Chrome. However, in Internet Explorer (version 7), the sub-menu doesn't appear when I hover over the parent menu item. What do I need to do to fix this? Thanks.
[jQuery] Re: Superfish - sfHover on li a href link?
Hi again, I managed to workaround this issue by using absolute positionning values for top left corner of the anchor and then expanding it with paddings. I however found an issue with Supersubs. It works great on IE8 and FF but on IE6, the width:auto automatically added causes some problems. There is a small margin on submenu items between the A block and the LI block on the left of the block which I can only cover by disabling Supersubs (thus removing the width:auto). Maybe it would be better to add a jQuery check on user agent and if that's IE6, then don't add the width:auto and leave it to the user to adjust the width with a fixed value.
[jQuery] Re: Superfish - content out of position
You're on the wrong forum. This is a CSS problem. Try adding a clear:left to #mainContent. That should solve it. On 10 dec, 19:20, luciano991 mountain...@gmail.com wrote: Hello, I am wondering why my superfish menu is pushing my content out of postion on this page: http://www.vtweb.com/joomla/perennialsantiques/ Thanks, luciano
[jQuery] Re: Superfish - Auto Arrows on sub menus only?
Can someone please be kind enough to let me know where to make the
changes so that I can remove the arrows from the submenu.
I have tried real hard to figure it out but I can't figure out where
to make the changes.
Do I make the changes in the superfish.js, the superfish-navbar.css
file?
Where would I add the code to utlize this given solution
$(ul.sf-menu).superfish({autoArrows: false});
Or this one?
$('#nav li a span').remove();
I would have opened a new thread but since there was already a thread
opened on it I thought I'd append to it.
Thank you in advance.
Happy Holidays.
On Dec 9, 9:51 pm, mike romana mikerom...@gmail.com wrote:
Hello and thank you but a total newb where do I put that code?
On Wednesday, December 9, 2009, Charlie charlie...@gmail.com wrote:
easier solution is to turn off the insertion of the arrows within
superfish options
$(ul.sf-menu).superfish({autoArrows: false});
mikeromana wrote:
Sorry to be a newb, but I am trying to do the same thing where there
are no arrows in the main menu:
Well, just delete the markup for the arrows then:
$('#nav li a span').remove();
Where do I put that code?
Thank you.
On Nov 13, 9:25 am, discern cap...@gmail.com javascript:_e({}, 'cvml',
'cap...@gmail.com'); wrote:
Perfect. Thank you!- Hide quoted text -
- Show quoted text -
[jQuery] Re: Superfish - Auto Arrows on sub menus only?
You can put it right after the place where you call superfish to begin
with. It's just a built-in option for superfish.
For example the top of your document might look something like this:
html
head
titleMy Page/title
link rel=stylesheet... /
script ...jquery.js/script
script ...superfish.js/script
script type=text/javascript
$('#nav').superfish({
delay:750,
speed:'fast'
});
$('#navlia span').remove();
$(ul.sf-menu).superfish({
autoArrows: false
});
/script
/head
body
ul id=nav
li...
This assumes your superfish menu unordered list has an id of nav.
[jQuery] Re: Superfish - Auto Arrows on sub menus only?
discern YOU Rule!
Thank you so much!
And thank you for being thoughtful enough to include
This assumes your superfish menu unordered list has an id of nav.
Because that threw me off!
Wishing you great karma. :)
On Dec 10, 4:07 pm, discern cap...@gmail.com wrote:
You can put it right after the place where you call superfish to begin
with. It's just a built-in option for superfish.
For example the top of your document might look something like this:
html
head
titleMy Page/title
link rel=stylesheet... /
script ...jquery.js/script
script ...superfish.js/script
script type=text/javascript
$('#nav').superfish({
delay:750,
speed:'fast'
});
$('#navlia span').remove();
$(ul.sf-menu).superfish({
autoArrows: false
});
/script
/head
body
ul id=nav
li...
This assumes your superfish menu unordered list has an id of nav.
[jQuery] Re: Superfish - Auto Arrows on sub menus only?
No problem, but I think I should correct my previous comment.
This is unnecessary if your menu is idnav as it would do nothing, as
it assumes your unordered list has the CLASS of sf-menu:
$(ul.sf-menu).superfish({
autoArrows: false
});
And the first superfish block in my example above should look like
this:
$('#nav').superfish({
delay: 750,
speed: 'fast',
autoArrows: false
});
I hope that helps.
[jQuery] Re: Superfish - Auto Arrows on sub menus only?
Sorry to be a newb, but I am trying to do the same thing where there
are no arrows in the main menu:
Well, just delete the markup for the arrows then:
$('#nav li a span').remove();
Where do I put that code?
Thank you.
On Nov 13, 9:25 am, discern cap...@gmail.com wrote:
Perfect. Thank you!
[jQuery] Re: Superfish - Auto Arrows on sub menus only?
Hello, sort of a newb here. I had the same question. Just where do you add that code to stop the arrows from showing in the main nav bar? Thanks in advance. On Nov 13, 9:25 am, discern cap...@gmail.com wrote: Perfect. Thank you!
Re: [jQuery] Re: Superfish - Auto Arrows on sub menus only?
easier solution is to turn off the insertion of the arrows within
superfish options
$("ul.sf-menu").superfish({autoArrows: false});
mikeromana wrote:
Sorry to be a newb, but I am trying to do the same thing where there
are no arrows in the main menu:
"Well, just delete the markup for the arrows then:
$('#nav li a span').remove(); "
Where do I put that code?
Thank you.
On Nov 13, 9:25am, discern cap...@gmail.com wrote:
Perfect. Thank you!
Re: [jQuery] Re: Superfish - Auto Arrows on sub menus only?
Hello and thank you but a total newb where do I put that code?
On Wednesday, December 9, 2009, Charlie charlie...@gmail.com wrote:
easier solution is to turn off the insertion of the arrows within
superfish options
$(ul.sf-menu).superfish({autoArrows: false});
mikeromana wrote:
Sorry to be a newb, but I am trying to do the same thing where there
are no arrows in the main menu:
Well, just delete the markup for the arrows then:
$('#nav li a span').remove();
Where do I put that code?
Thank you.
On Nov 13, 9:25 am, discern cap...@gmail.com javascript:_e({}, 'cvml',
'cap...@gmail.com'); wrote:
Perfect. Thank you!
[jQuery] Re: Superfish
You have a style in your default css that is wider than the intended
superfish dropshadow effect:
#nav li {padding-right: 20px;}
On Dec 6, 1:50 pm, d.a. theland...@gmail.com wrote:
http://www.designerschemes.com/
i am having problems with the dropshadow.
it does not match the drop down container.
any ideas?
thanks
[jQuery] Re: Superfish
thanks
On Dec 7, 7:44 am, DanDan dan.d...@gmail.com wrote:
You have a style in your default css that is wider than the intended
superfish dropshadow effect:
#nav li {padding-right: 20px;}
On Dec 6, 1:50 pm, d.a. theland...@gmail.com wrote:
http://www.designerschemes.com/
i am having problems with the dropshadow.
it does not match the drop down container.
any ideas?
thanks
[jQuery] Re: Superfish: width of top level links - great with js off - too wide with js on
Hey Charlie,
Thanks for that.
Unfortunately that makes no difference to the width of the top level
items for me - only the drop down sub items.
So it doesn't appear to be that
In combination, commenting out this line does not have any affect on
the top level width either:
$('ul.sf-menu li a span').remove();
Any other ideas?
autoarrows: true
this appends the link with a span with an arrow image to show links with subs
and is adding addiitonal width, set to false
[jQuery] Re: Superfish: width of top level links - great with js off - too wide with js on
Thanks Charlie.
Removing padding-right:2.25em; for .sf-menu a.sf-with-ul in the
css arrows section did the trick.
Changed
.sf-menu a.sf-with-ul {
min-width:1px;
padding-right:2.25em;
}
to
.sf-menu a.sf-with-ul {
min-width:1px;
}
Looks the same with js on and off now.
Thank you Charlie.
[jQuery] Re: superfish navbar issue in Afterburner or JA-Purity Templates
Thanks Charlie, You describe the situation perfectly! I am still a tenderfoot at this game but I am getting my hands dirty. Priorities is not the easiest notion to grasp. I am using Firebug but I am not yet fully proficient with all its functionalities and haven't (yet) got the method to move up a trail of cascading styles. At this stage, my menu is working with the mods I indicated. I will fine-tune it once the new site is up. You'll be told! On Nov 26, 2:58 pm, Charlie charlie...@gmail.com wrote: what you are discovering is the root of most problems installing one menu in any template with an existing menu will run into css conflicts. The majority of the issues that pop up in this group regarding superfish stem from Joomla installs and the exact situation you are running into Without using DOM inspectors like Firebug it is almost completely trial and error trying to figure out which rules take precedence for each element or pseudo class ( like hover). if you haven't already done so install Firebug and you will be able to quickly see the inherited rules for each part of the menu xantof wrote:This is a progress report on finding a solution : If all CSS pertaining to the NAV position in the Template's style sheet are commented out, then it works. This is a dirty solution and I would like to find the root of the problem. I think it has to do, at least in part with the WIDTH parameter. I am progressing with learning CSS, understanding JQuery and overall trying to figure out how all those files interact to give out the web page I want. I still find it hard to follow CSS priorities across the different stylesheet and identifying the proper Class to modify. This is where I was hoping to get help. Keep you all posted.
[jQuery] Re: Superfish vertical/arrow question
Charlie, thank you for your time. I agree it would be easier with a link. I will get some hosting and move my stuff from localhost to there. Then I will post a link. Thanks again for taking the time to help a newbie like me! On Dec 2, 4:43 am, Charlie charlie...@gmail.com wrote: snippets of html won't do much to troubleshoot. 95% likelihood the problem is css related and css needs to be viewed in the DOM to work with effectively. The majority of posts regarding superfish on this board are Joomla related . You can try searching. The original css gets left in when the menu gets installed, try commenting out all the old menu css from template MozreplGuy wrote:Thanks for your response and your time! I apologize, I still have everything on localhost. This following is what I could see with firebug li class=parent active item1 a class=sf-with-ul href=http://localhost/testsite/; spanHome/span span class=sf-sub-indicator »/span /a Does this help a bit? It doesn't seem to be a width problem, because there is plenty of space in the accordion list (horizontally). If the character were in the same span as home, then it would be in the same line. What do you think? On Dec 1, 6:22 pm, Charliecharlie...@gmail.comwrote:likely a width setting on LI or A tags, likely from old css as superfish default css doesn't set widths. If text was just fitting before then you are now adding a new element that doesn't fit without wrapping to next line Can see a lot if you provide link, easy to see what's happening with a DOM inspector MozreplGuy wrote:Hi all, I successfully included superfish into a joomla site (still on localhost). I use it in vertical mode. It works fine. But there is one thing that doesn't look very nice. Every menu with a sub menu has a sub-indicator '' (character 187, enabled by autoarrow flag). The indicator itself is fine. However the indicator doesn't appear on the same line as the menu text. For example it looks like: Menu1But I would like it to like: Menu1 Does anybody have an idea how I could achieve that. I looked at the code (e.g. superfish), but my skill level doesn't allow me to find a solution :-) I would appreciate any help. Thanks, Mozrepl
[jQuery] Re: superfish accordion/vertical mode: How to make a node/menu stay open?
A solution can be found here: http://joomla.lifeofcy.com/viewtopic.php?f=2t=208 On Dec 1, 9:24 pm, MozreplGuy mozr...@gmail.com wrote: I used the following plugin for joomla:http://extensions.joomla.org/extensions/structure-a-navigation/menu-s... This module simply combines superfish with the main menu and automates the setup configuration. I configured it so it appears vertically (accordion). It looks very nice and works fine. Except for one small detail. If somebody clicks on a sub-menu and the page changes to that item. Then the whole menu collapses again (accordion closes). If you hover along the menu path you can see that the current item is correctly highlighted, however when you move the mouse away the accordion closes Is there a way so that the accordion staysopenwith current item highlighted? Thank you very much again for your time and help in advance!
[jQuery] Re: Superfish vertical/arrow question
Thanks for pointing me into the right direction. I changed display:block to inline and I got what I wanted. On Dec 3, 11:03 am, MozreplGuy mozr...@gmail.com wrote: Charlie, thank you for your time. I agree it would be easier with a link. I will get some hosting and move my stuff from localhost to there. Then I will post a link. Thanks again for taking the time to help a newbie like me! On Dec 2, 4:43 am, Charlie charlie...@gmail.com wrote: snippets of html won't do much to troubleshoot. 95% likelihood the problem is css related and css needs to be viewed in the DOM to work with effectively. The majority of posts regarding superfish on this board are Joomla related . You can try searching. The original css gets left in when the menu gets installed, try commenting out all the old menu css from template MozreplGuy wrote:Thanks for your response and your time! I apologize, I still have everything on localhost. This following is what I could see with firebug li class=parent active item1 a class=sf-with-ul href=http://localhost/testsite/; spanHome/span span class=sf-sub-indicator »/span /a Does this help a bit? It doesn't seem to be a width problem, because there is plenty of space in the accordion list (horizontally). If the character were in the same span as home, then it would be in the same line. What do you think? On Dec 1, 6:22 pm, Charliecharlie...@gmail.comwrote:likely a width setting on LI or A tags, likely from old css as superfish default css doesn't set widths. If text was just fitting before then you are now adding a new element that doesn't fit without wrapping to next line Can see a lot if you provide link, easy to see what's happening with a DOM inspector MozreplGuy wrote:Hi all, I successfully included superfish into a joomla site (still on localhost). I use it in vertical mode. It works fine. But there is one thing that doesn't look very nice. Every menu with a sub menu has a sub-indicator '' (character 187, enabled by autoarrow flag). The indicator itself is fine. However the indicator doesn't appear on the same line as the menu text. For example it looks like: Menu1But I would like it to like: Menu1 Does anybody have an idea how I could achieve that. I looked at the code (e.g. superfish), but my skill level doesn't allow me to find a solution :-) I would appreciate any help. Thanks, Mozrepl- Hide quoted text - - Show quoted text -
Re: [jQuery] Re: Superfish vertical/arrow question
snippets of html won't do much to troubleshoot. 95% likelihood the problem is css related and css needs to be viewed in the DOM to work with effectively. The majority of posts regarding superfish on this board are Joomla related . You can try searching. The original css gets left in when the menu gets installed, try commenting out all the old menu css from template MozreplGuy wrote: Thanks for your response and your time! I apologize, I still have everything on localhost. This following is what I could see with firebug li class="parent active item1" a class="sf-with-ul" href="" class="moz-txt-link-rfc2396E" href="http://localhost/testsite/">"http://localhost/testsite/" spanHome/span span class="sf-sub-indicator" /span /a Does this help a bit? It doesn't seem to be a width problem, because there is plenty of space in the accordion list (horizontally). If the character were in the same span as home, then it would be in the same line. What do you think? On Dec 1, 6:22pm, Charlie charlie...@gmail.com wrote: likely a width setting on "LI" or "A" tags, likely from old css as superfish default css doesn't set widths. If text was just fitting before then you are now adding a new element that doesn't fit without wrapping to next line Can see a lot if you provide link, easy to see what's happening with a DOM inspector MozreplGuy wrote:Hi all, I successfully included superfish into a joomla site (still on localhost). I use it in vertical mode. It works fine. But there is one thing that doesn't look very nice. Every menu with a sub menu has a sub-indicator '' (character 187, enabled by autoarrow flag). The indicator itself is fine. However the indicator doesn't appear on the same line as the menu text. For example it looks like: Menu1But I would like it to like: Menu1 Does anybody have an idea how I could achieve that. I looked at the code (e.g. superfish), but my skill level doesn't allow me to find a solution :-) I would appreciate any help. Thanks, Mozrepl
[jQuery] Re: Superfish vertical/arrow question
Thanks for your response and your time! I apologize, I still have everything on localhost. This following is what I could see with firebug li class=parent active item1 a class=sf-with-ul href=http://localhost/testsite/; spanHome/span span class=sf-sub-indicator »/span /a Does this help a bit? It doesn't seem to be a width problem, because there is plenty of space in the accordion list (horizontally). If the character were in the same span as home, then it would be in the same line. What do you think? On Dec 1, 6:22 pm, Charlie charlie...@gmail.com wrote: likely a width setting on LI or A tags, likely from old css as superfish default css doesn't set widths. If text was just fitting before then you are now adding a new element that doesn't fit without wrapping to next line Can see a lot if you provide link, easy to see what's happening with a DOM inspector MozreplGuy wrote:Hi all, I successfully included superfish into a joomla site (still on localhost). I use it in vertical mode. It works fine. But there is one thing that doesn't look very nice. Every menu with a sub menu has a sub-indicator '' (character 187, enabled by autoarrow flag). The indicator itself is fine. However the indicator doesn't appear on the same line as the menu text. For example it looks like: Menu1But I would like it to like: Menu1 Does anybody have an idea how I could achieve that. I looked at the code (e.g. superfish), but my skill level doesn't allow me to find a solution :-) I would appreciate any help. Thanks, Mozrepl
[jQuery] Re: Superfish vertical/arrow question
Forgot to mention that I used this plugin for joomla: http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/drop-a-tab-menus/6731 This module simply combines superfish with the main menu and automates the setup configuration. I configured it so it appears vertically (accordion). On Dec 1, 8:57 pm, MozreplGuy mozr...@gmail.com wrote: Thanks for your response and your time! I apologize, I still have everything on localhost. This following is what I could see with firebug li class=parent active item1 a class=sf-with-ul href=http://localhost/testsite/; spanHome/span span class=sf-sub-indicator »/span /a Does this help a bit? It doesn't seem to be a width problem, because there is plenty of space in the accordion list (horizontally). If the character were in the same span as home, then it would be in the same line. What do you think? On Dec 1, 6:22 pm, Charlie charlie...@gmail.com wrote: likely a width setting on LI or A tags, likely from old css as superfish default css doesn't set widths. If text was just fitting before then you are now adding a new element that doesn't fit without wrapping to next line Can see a lot if you provide link, easy to see what's happening with a DOM inspector MozreplGuy wrote:Hi all, I successfully included superfish into a joomla site (still on localhost). I use it in vertical mode. It works fine. But there is one thing that doesn't look very nice. Every menu with a sub menu has a sub-indicator '' (character 187, enabled by autoarrow flag). The indicator itself is fine. However the indicator doesn't appear on the same line as the menu text. For example it looks like: Menu1But I would like it to like: Menu1 Does anybody have an idea how I could achieve that. I looked at the code (e.g. superfish), but my skill level doesn't allow me to find a solution :-) I would appreciate any help. Thanks, Mozrepl- Hide quoted text - - Show quoted text -
[jQuery] Re: Superfish - Multiple Columns
On Nov 22, 11:25 am, Charlie charlie...@gmail.com wrote: : simplest case -- you can put just about any element into an LI, , floating your internal elements with 1/2 the width of the LI/UL they are in will make 2columns Chris wrote:How would you useSuperfishto make a dropdown menu that containsmultiplecolumnsof menu items? Thanks, you're right. Turned out to be entirely a CSS/HTML issue.
[jQuery] Re: Superfish jQuery menu plugin RTL support
Seriously no one can help???
On Nov 28, 12:42 pm, Vlad Shapiro craft...@gmail.com wrote:
Thank you Charlie,
I'm terribly sorry for the confusion,
I'm working on the nav-bar menu not the vertical style,
the link for the vertical example was to maybe give a direction for
the solution,
the nav-bar is still not working, I spent over a week on this already.
Any Ideas?
On 28 נובמבר, 02:18, Charlie charlie...@gmail.com wrote:
: OK, you said it was navbar style not vertical style. For vertical also
have to change the absolute position of the sub ul to right from left.
This opens sub menus on left instead of right
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
right: 10em; /* match ul width */
top: 0;
}
Insuperfish.js when i didRTLI changed :$arrow = $(['span
class=',c.arrowClass,' #187;/span'].join('')),
to$arrow = $(['span class=',c.arrowClass,'/span'].join('')),
Vlad Shapiro wrote:Charlie, I did tried that, it's not so simple, the float
change the direction of the lists but not the location. Anyone have the
actual working thing? I have this example for
verticalRTLSuperfish:http:2tbsp.com/node/114Maybe it will help, Thanks
again. On 26 נובמבר, 20:40, Charliecharlie...@gmail.comwrote:change the
LI's to float right instead of left Vlad Shapiro wrote:Ahoy! I'm trying to
adjustSuperfishnav-bar stylemenuforRTL'ed Hebrew website,
Example:http://users.tpg.com.au/j_birch/plugins/superfish/#sample4butnosuccess
so far, maybe someone already have this solved? Any help will be most
appreciated! Best regards, Vlad.
Re: [jQuery] Re: Superfish jQuery menu plugin RTL support
I've done RTL versions of the vertical and the horizontal version, but
not navbar version.
Both of the other are minor adjustments of float and sub ul position.
Navbar shouldn't be a lot more complicated. Suggest putting a link up
of what you have so far
Vlad Shapiro wrote:
Seriously no one can help???
On Nov 28, 12:42pm, Vlad Shapiro craft...@gmail.com wrote:
Thank you Charlie,
I'm terribly sorry for the confusion,
I'm working on the nav-bar menu not the vertical style,
the link for the vertical example was to maybe give a direction for
the solution,
the nav-bar is still not working, I spent over a week on this already.
Any Ideas?
On 28 , 02:18, Charlie charlie...@gmail.com wrote:
: OK, you said it was navbar style not vertical style. For vertical also have to change the absolute position of the sub ul to "right" from "left". This opens sub menus on left instead of right
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
right: 10em; /* match ul width */
top: 0;
}
Insuperfish.js when i didRTLI changed :$arrow = $(['span class="',c.arrowClass,'" #187;/span'].join('')),
to$arrow = $(['span class="',c.arrowClass,'"/span'].join('')),
Vlad Shapiro wrote:Charlie, I did tried that, it's not so simple, the float change the direction of the lists but not the location. Anyone have the actual working thing? I have this example for verticalRTLSuperfish:http:2tbsp.com/node/114Maybe it will help, Thanks again. On 26 , 20:40, Charliecharlie...@gmail.comwrote:change the LI's to float right instead of left Vlad Shapiro wrote:Ahoy! I'm trying to adjustSuperfishnav-bar stylemenuforRTL'ed Hebrew website, Example:http://users.tpg.com.au/j_birch/plugins/superfish/#sample4butnosuccess so far, maybe someone already have this solved? Any help will be most appreciated! Best regards, Vlad.
[jQuery] Re: Superfish jQuery menu plugin RTL support
Thank you Charlie,
I'm terribly sorry for the confusion,
I'm working on the nav-bar menu not the vertical style,
the link for the vertical example was to maybe give a direction for
the solution,
the nav-bar is still not working, I spent over a week on this already.
Any Ideas?
On 28 נובמבר, 02:18, Charlie charlie...@gmail.com wrote:
: OK, you said it was navbar style not vertical style. For vertical also have
to change the absolute position of the sub ul to right from left. This
opens sub menus on left instead of right
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
right: 10em; /* match ul width */
top: 0;
}
Insuperfish.js when i didRTLI changed :$arrow = $(['span
class=',c.arrowClass,' #187;/span'].join('')),
to$arrow = $(['span class=',c.arrowClass,'/span'].join('')),
Vlad Shapiro wrote:Charlie, I did tried that, it's not so simple, the float
change the direction of the lists but not the location. Anyone have the
actual working thing? I have this example for
verticalRTLSuperfish:http:2tbsp.com/node/114Maybe it will help, Thanks again.
On 26 נובמבר, 20:40, Charliecharlie...@gmail.comwrote:change the LI's to
float right instead of left Vlad Shapiro wrote:Ahoy! I'm trying to
adjustSuperfishnav-bar stylemenuforRTL'ed Hebrew website,
Example:http://users.tpg.com.au/j_birch/plugins/superfish/#sample4butno
success so far, maybe someone already have this solved? Any help will be most
appreciated! Best regards, Vlad.
[jQuery] Re: Superfish jQuery menu plugin RTL support
Charlie, I did tried that, it's not so simple, the float change the direction of the lists but not the location. Anyone have the actual working thing? I have this example for vertical RTL Superfish: http:2tbsp.com/node/114 Maybe it will help, Thanks again. On 26 נובמבר, 20:40, Charlie charlie...@gmail.com wrote: change the LI's to float right instead of left Vlad Shapiro wrote:Ahoy! I'm trying to adjust Superfish nav-bar style menu for RTL'ed Hebrew website, Example:http://users.tpg.com.au/j_birch/plugins/superfish/#sample4but no success so far, maybe someone already have this solved? Any help will be most appreciated! Best regards, Vlad.
Re: [jQuery] Re: Superfish jQuery menu plugin RTL support
OK, you said it was navbar style not vertical style. For vertical also
have to change the absolute position of the sub ul to "right" from
"left". This opens sub menus on left instead of right
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
right: 10em; /* match ul width */
top: 0;
}
In superfish.js when i did RTL I changed :
$arrow = $(['span class="',c.arrowClass,'"
#187;/span'].join('')),
to
$arrow = $(['span
class="',c.arrowClass,'"/span'].join('')),
Vlad Shapiro wrote:
Charlie,
I did tried that, it's not so simple, the float change the direction
of the lists but not the location.
Anyone have the actual working thing?
I have this example for vertical RTL Superfish:
http:2tbsp.com/node/114
Maybe it will help,
Thanks again.
On 26 , 20:40, Charlie charlie...@gmail.com wrote:
change the LI's to float right instead of left
Vlad Shapiro wrote:Ahoy! I'm trying to adjust Superfish nav-bar style menu for RTL'ed Hebrew website, Example:http://users.tpg.com.au/j_birch/plugins/superfish/#sample4but no success so far, maybe someone already have this solved? Any help will be most appreciated! Best regards, Vlad.
Re: [jQuery] Re: superfish navbar issue in Afterburner or JA-Purity Templates
what you are discovering is the root of most problems installing one menu in any template with an existing menu will run into css conflicts. The majority of the issues that pop up in this group regarding superfish stem from Joomla installs and the exact situation you are running into Without using DOM inspectors like Firebug it is almost completely trial and error trying to figure out which rules take precedence for each element or pseudo class ( like hover). if you haven't already done so install Firebug and you will be able to quickly see the inherited rules for each part of the menu xantof wrote: This is a progress report on finding a solution : If all CSS pertaining to the NAV position in the Template's style sheet are commented out, then it works. This is a dirty solution and I would like to find the root of the problem. I think it has to do, at least in part with the WIDTH parameter. I am progressing with learning CSS, understanding JQuery and overall trying to figure out how all those files interact to give out the web page I want. I still find it hard to follow CSS priorities across the different stylesheet and identifying the proper Class to modify. This is where I was hoping to get help. Keep you all posted.
[jQuery] Re: superfish navbar issue in Afterburner or JA-Purity Templates
This is a progress report on finding a solution : If all CSS pertaining to the NAV position in the Template's style sheet are commented out, then it works. This is a dirty solution and I would like to find the root of the problem. I think it has to do, at least in part with the WIDTH parameter. I am progressing with learning CSS, understanding JQuery and overall trying to figure out how all those files interact to give out the web page I want. I still find it hard to follow CSS priorities across the different stylesheet and identifying the proper Class to modify. This is where I was hoping to get help. Keep you all posted.
[jQuery] Re: superfish navbar - how do I center the whole bar?
Go see there :
http://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/
On Oct 20, 4:35 am, Shawn shallway...@gmail.com wrote:
I'm using anavbarwith superfish. I simply put my menu list inside a
wrapper so the markup looks like this:
div class=navbar-wrapper
ul class=sf-menu sf-navbar
li.../li
li.../li
li.../li
/ul
/div
now I want to make thenavbar-wrapper 100% of width and thenavbarto
be centered in it, I thought it should be simple just do the following
css trick
div.navbar-wrapper{ width:100%; text-align:center; }
However this didn't work, the supersish menu just didn't get
centered.
How can I fix this? Thanks.
[jQuery] Re: Superfish - Auto Arrows on sub menus only?
Perfect. Thank you!
[jQuery] Re: Superfish - Auto Arrows on sub menus only?
Thanks, but I now realize my question was not terribly clear. Superfish has the autoArrows option, but that adds arrows to ALL the list items having sub list items, at any level. What I would like is to only add arrows (with Superfish's autoArrow option) to list items that happen to have a sub-level of ul li, but that are NOT at the top level. ul id=nav liItem/li lia href=#Item 1/aDON'T ADD ARROW HERE ul lia href=#Item/a ADD ARROW HERE ul liItem/li liItem/li liItem/li /ul /li lia href=#Item/a/li lia href=#Item/a/li /ul /li /ul
Re: [jQuery] Re: Superfish - Auto Arrows on sub menus only?
Thanks, but I now realize my question was not terribly clear.
Superfish has the autoArrows option, but that adds arrows to ALL the
list items having sub list items, at any level. What I would like is
to only add arrows (with Superfish's autoArrow option) to list items
that happen to have a sub-level of ul li, but that are NOT at the top
level.
Well, just delete the markup for the arrows then:
$('#nav li a span').remove();
--
Andrei Eftimie
http://eftimie.com
+40 758 833 281
Punct
http://designpunct.ro
[jQuery] Re: SUPERFISH - drop-downs sticking open in Safari
Screenshot: http://www.postimage.org/image.php?v=Ts1jTUUi
[jQuery] Re: superfish and pixopont menu
Anyone?? Im a peace corps volunteer and the site for a climbing club
in macedonia. Id pay someone but i only make 200$ a month :)
On Nov 11, 5:54 pm, lukeh plocaclimb...@gmail.com wrote:
Im trying to activate the superfish options in my pixopoint menu
herehttp://plocaclimbing.com
I could really use some help. (am finding the installation a bit
confusing).
i have the plugin on my server, i just need to know where to put the
script to activate it (ive tried unsuccessfully)
ive included the css to my menu and my header.php file. Sorry if this
is not the proper way to go about posting questions, im pretty new at
this :)
1. Link to the superfish.js file using a script tag in the head of
your document.
script type=text/javascript src=superfish.js/script
2 Call superfish() on the containing ul element.
script type=text/javascript
$(document).ready(function() {
$('ul.sf-menu').superfish();
});
/script
heres my css for the menu:
/*
*** Main menu
**/
#pixopoint_menu1 {
width:100%;
height:40px;
background:#ee url(http://www.plocaclimbing.com/
menufeedbox.png) repeat-x;
background-position:50% 0;
margin:0;}
#pixopoint_menu1 ul {
width:100%;
border:none;
background:none;
margin:0;
padding:0;
list-style:none;
}
#pixopoint_menu1 li {
border:none;
background:none;
background:#00 url(http://www.plocaclimbing.com/
menufeedbox.png);
color:#FF;
line-height:40px;
z-index:20;
letter-spacing:0px;
background:;
font-weight:normal;
font-size:17px;
padding:0;
margin:0 5px;
;float:left;
font-family:courier-new,courier,monospace;
position:relative;
}
#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
background:#616161 url(http://www.plocaclimbing.com/
menufeedbox1.png);
background-position:0 60px;
}
#pixopoint_menu1 li a {
border:none;
background:none;
text-decoration:none;
display:block;
padding:0 15px;
color:#FF;
}
#pixopoint_menu1 li a:hover {
border:none;
background:none;
text-decoration:none;
color:#FF;
background-position:100% -120px;
}
#pixopoint_menu1 ul ul {
position:absolute;
left:-999em;
top:40px;
width:120px;
}
#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
left:auto;
}
#pixopoint_menu1 ul ul li a {
padding:4px 10px;
text-transform:normal;
font-variant:normal;
}
#pixopoint_menu1 ul ul li {
letter-spacing:0px;
color:#66;
z-index:20;
width:120px;
font-family:helvetica,arial,sans-serif;
font-size:11px;
font-weight:normal;
font-style:normal;
background:#FF;
border-bottom:1px solid #cc;
border-left:1px solid #cc;
border-right:1px solid #cc;
margin:0;
}
#pixopoint_menu1 ul ul li a {
line-height:22px;
color:#66;
text-decoration:none;
}
#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a
{
color:#FF;
text-decoration:none;
}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover
li a {
color:#66;
}
#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul
li.sfhover li a:hover {
color:#FF;
}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
color:#FF;
background:#BBB1B1;
}
#pixopoint_menu1 ul ul ul li {
font-size:1em;}#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul
ul {
position:absolute;
margin-left:-999em;
top:0;
width:120px;
}
#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover
ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li
li.sfhover ul {
margin-left:120px;
}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover
li a {
text-decoration:none;
}
#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li
li.sfhover a {
color:#FF;
text-decoration:none;
}
#pixopoint_menu1 li.pixo_search:hover {
background:none;
}
#pixopoint_menu1 li.pixo_search form {
margin:0;
padding:0;
}
#pixopoint_menu1 li.pixo_search input {
font-family:courier-new,courier,monospace;}
#pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
width:100px;
}
#pixopoint_menu1
[jQuery] Re: SUPERFISH - drop-downs sticking open in Safari
Problem solved. Apparently, Safari handles position: static
differently than other browsers, including other webkit browsers. I
had the following CSS to prevent *this exact problem* in IE7:
#nav li:hover,#nav li.sfHover {
position: static;
}
When I removed it, the sticky menus vanished from Safari (and
reappeared in IE7). Thankfully I have an IE-specific supplemental
stylesheet to handle this.
[jQuery] Re: Superfish
I also experienced this. If the active class is on the third level the .sf-breadcrumb wont show up. But if the active class is on the second level it's okay. Only happens in Safari so far. Any ideas? On Oct 21, 11:33 am, Ron timd...@gmail.com wrote: I have setupsuperfishon my wp powered site, its all working fine and looking great in firefox/ie, butsafariis well out of wak. The jquery effects are working, however the second level styles seem to be removed. If anyone could take a look insafariand help me out it would be much appreciated. http://121.0.6.68/~islheal/
[jQuery] Re: Superfish CSS questio
Thanks. That takes care of the problem.
All the best,
luciano
On Nov 8, 5:39 am, gfranklin gfrank...@gmail.com wrote:
Luciano,
http://apc.mcswebhost.com/about-us/history
Your About button is assigned the class .active.
It looks to me like .active has assigned #ccc background color. Just
change .active to be something else.
History button also has .active assigned to it, and .first-child as
well, so look for those definition in the CSS. However, since you're
on the History page, the id value #current takes precendence -- the
blue background (except for when you mouse over it, which
involves :hover). #current takes precedence because it is defined
later in the css file. [If #current wasn't defined later than .active
in the CSS, The history button would look like the About button.]
-Greg
p.s. I've pasted your CSS definitions below.
.sf-menu .active {
background: #ccc;
}
.sf-menu #current {
background: #202f6a;
}
On Nov 7, 4:41 pm, luciano991 mountain...@gmail.com wrote:
Hello,
Thanks for your response to my inquiry. I did have a bit of sloppy
code there, and I believe I have fixed that now.
I just have one problem remaining. When I click on the About Us link
it goes to an article called History. That all looks great. But if I
choose History from the drop down menu, it still goes to the History
article which is correct in the way I have arranged things. However,
when you go to the History article from the Drop Down menu, the link
for About Us is grey instead of the blue color I chose for the current
link. Can that be corrected?
Thanks,
luciano
On Nov 7, 5:00 am, gfranklin gfrank...@gmail.com wrote:
You need to change this chunk of your CSS code:
===
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: ##ad0303;
outline: 0;
color: #fc3131;
===
The background has two pound signs (#), it should be only 1. And
background color should be blue, not red. And the color should be
white, not blue. You may need to break out all those definitions in
the list into separate definitions if differing behavior is desired.
On Nov 6, 6:07 pm, luciano991 mountain...@gmail.com wrote:
Hello,
This is my first post. I want to compliment the author on this great
extension. I had trouble with it at first because I used to be a
Windows guy and now I'm a Mac guy and I'm still getting used to things
that are so simple and obvious I can't see the forest for the trees. I
get it now and wow
I implemented the module here:http://apc.mcswebhost.com
If you hover on the About Us link and click History and go to that
page everything is cool except now the About US link has a grey
background and the drop down link for History has the blue current
background I set for the top level. I can fix one but not all these
problems by editing the style .sf-menu a.sf-with-ul but I would like
to find the ancestors to edit to fix the problem. I want all link
backgrounds for all levels to be #ad0303 with #fff for the font color,
the current link should be the blue background with white print, the
hover font colors should all be the same.
Thanks,
luciano
[jQuery] Re: Superfish - overlapping Submenu possible?
Problem solved, see http://facility9.com/2008/07/17/ie7-dropdowns-and-z-index
.sf-menu li:hover,
.sf-menu li.sfHover{
z-index: 99;
}
instead of
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{
z-index: 99;
}
[jQuery] Re: Superfish CSS questio
Luciano,
http://apc.mcswebhost.com/about-us/history
Your About button is assigned the class .active.
It looks to me like .active has assigned #ccc background color. Just
change .active to be something else.
History button also has .active assigned to it, and .first-child as
well, so look for those definition in the CSS. However, since you're
on the History page, the id value #current takes precendence -- the
blue background (except for when you mouse over it, which
involves :hover). #current takes precedence because it is defined
later in the css file. [If #current wasn't defined later than .active
in the CSS, The history button would look like the About button.]
-Greg
p.s. I've pasted your CSS definitions below.
.sf-menu .active {
background: #ccc;
}
.sf-menu #current {
background: #202f6a;
}
On Nov 7, 4:41 pm, luciano991 mountain...@gmail.com wrote:
Hello,
Thanks for your response to my inquiry. I did have a bit of sloppy
code there, and I believe I have fixed that now.
I just have one problem remaining. When I click on the About Us link
it goes to an article called History. That all looks great. But if I
choose History from the drop down menu, it still goes to the History
article which is correct in the way I have arranged things. However,
when you go to the History article from the Drop Down menu, the link
for About Us is grey instead of the blue color I chose for the current
link. Can that be corrected?
Thanks,
luciano
On Nov 7, 5:00 am, gfranklin gfrank...@gmail.com wrote:
You need to change this chunk of your CSS code:
===
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: ##ad0303;
outline: 0;
color: #fc3131;
===
The background has two pound signs (#), it should be only 1. And
background color should be blue, not red. And the color should be
white, not blue. You may need to break out all those definitions in
the list into separate definitions if differing behavior is desired.
On Nov 6, 6:07 pm, luciano991 mountain...@gmail.com wrote:
Hello,
This is my first post. I want to compliment the author on this great
extension. I had trouble with it at first because I used to be a
Windows guy and now I'm a Mac guy and I'm still getting used to things
that are so simple and obvious I can't see the forest for the trees. I
get it now and wow
I implemented the module here:http://apc.mcswebhost.com
If you hover on the About Us link and click History and go to that
page everything is cool except now the About US link has a grey
background and the drop down link for History has the blue current
background I set for the top level. I can fix one but not all these
problems by editing the style .sf-menu a.sf-with-ul but I would like
to find the ancestors to edit to fix the problem. I want all link
backgrounds for all levels to be #ad0303 with #fff for the font color,
the current link should be the blue background with white print, the
hover font colors should all be the same.
Thanks,
luciano
[jQuery] Re: Superfish CSS questio
Haven't looked closely at the css but just wanted to point out one
thing. The order in which items appear in the style sheet is only one
piece of the puzzle as to what is applied. Specificity is the
larger. You can actually assign a numerical value to a selector to
decide if it is more specific than another and hence will have its
rule applied. For example take these three selections applied to this
code.
a href class=anyclass id=anyid ...
#anyid {background: orange;}
a {background: yellow;}
a.anyclass {background: red;}
all of these css rules select the same a element and even though the
red background appears last in the list the one that will be applied
is the orange.
Heres how it works.
An ID is given a rating or specific value of 100
A class 10
an element 1
you can add up the numbers in any css rule to see which is more
specific and will be applied. in our preceding example
orange = 100
yellow = 1
red = 11
Hope that helps somewhat. And by the way if two have the same value
the last one to appear in the stylesheet will be the rule that
applies.
Phil
On Nov 8, 2:39 am, gfranklin gfrank...@gmail.com wrote:
Luciano,
http://apc.mcswebhost.com/about-us/history
Your About button is assigned the class .active.
It looks to me like .active has assigned #ccc background color. Just
change .active to be something else.
History button also has .active assigned to it, and .first-child as
well, so look for those definition in the CSS. However, since you're
on the History page, the id value #current takes precendence -- the
blue background (except for when you mouse over it, which
involves :hover). #current takes precedence because it is defined
later in the css file. [If #current wasn't defined later than .active
in the CSS, The history button would look like the About button.]
-Greg
p.s. I've pasted your CSS definitions below.
.sf-menu .active {
background: #ccc;
}
.sf-menu #current {
background: #202f6a;
}
On Nov 7, 4:41 pm, luciano991 mountain...@gmail.com wrote: Hello,
Thanks for your response to my inquiry. I did have a bit of sloppy
code there, and I believe I have fixed that now.
I just have one problem remaining. When I click on the About Us link
it goes to an article called History. That all looks great. But if I
choose History from the drop down menu, it still goes to the History
article which is correct in the way I have arranged things. However,
when you go to the History article from the Drop Down menu, the link
for About Us is grey instead of the blue color I chose for the current
link. Can that be corrected?
Thanks,
luciano
On Nov 7, 5:00 am, gfranklin gfrank...@gmail.com wrote:
You need to change this chunk of your CSS code:
===
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: ##ad0303;
outline: 0;
color: #fc3131;
===
The background has two pound signs (#), it should be only 1. And
background color should be blue, not red. And the color should be
white, not blue. You may need to break out all those definitions in
the list into separate definitions if differing behavior is desired.
On Nov 6, 6:07 pm, luciano991 mountain...@gmail.com wrote:
Hello,
This is my first post. I want to compliment the author on this great
extension. I had trouble with it at first because I used to be a
Windows guy and now I'm a Mac guy and I'm still getting used to things
that are so simple and obvious I can't see the forest for the trees. I
get it now and wow
I implemented the module here:http://apc.mcswebhost.com
If you hover on the About Us link and click History and go to that
page everything is cool except now the About US link has a grey
background and the drop down link for History has the blue current
background I set for the top level. I can fix one but not all these
problems by editing the style .sf-menu a.sf-with-ul but I would like
to find the ancestors to edit to fix the problem. I want all link
backgrounds for all levels to be #ad0303 with #fff for the font color,
the current link should be the blue background with white print, the
hover font colors should all be the same.
Thanks,
luciano
[jQuery] Re: Superfish CSS questio
You need to change this chunk of your CSS code:
===
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: ##ad0303;
outline:0;
color: #fc3131;
===
The background has two pound signs (#), it should be only 1. And
background color should be blue, not red. And the color should be
white, not blue. You may need to break out all those definitions in
the list into separate definitions if differing behavior is desired.
On Nov 6, 6:07 pm, luciano991 mountain...@gmail.com wrote:
Hello,
This is my first post. I want to compliment the author on this great
extension. I had trouble with it at first because I used to be a
Windows guy and now I'm a Mac guy and I'm still getting used to things
that are so simple and obvious I can't see the forest for the trees. I
get it now and wow
I implemented the module here:http://apc.mcswebhost.com
If you hover on the About Us link and click History and go to that
page everything is cool except now the About US link has a grey
background and the drop down link for History has the blue current
background I set for the top level. I can fix one but not all these
problems by editing the style .sf-menu a.sf-with-ul but I would like
to find the ancestors to edit to fix the problem. I want all link
backgrounds for all levels to be #ad0303 with #fff for the font color,
the current link should be the blue background with white print, the
hover font colors should all be the same.
Thanks,
luciano
[jQuery] Re: Superfish CSS questio
Hello,
Thanks for your response to my inquiry. I did have a bit of sloppy
code there, and I believe I have fixed that now.
I just have one problem remaining. When I click on the About Us link
it goes to an article called History. That all looks great. But if I
choose History from the drop down menu, it still goes to the History
article which is correct in the way I have arranged things. However,
when you go to the History article from the Drop Down menu, the link
for About Us is grey instead of the blue color I chose for the current
link. Can that be corrected?
Thanks,
luciano
On Nov 7, 5:00 am, gfranklin gfrank...@gmail.com wrote:
You need to change this chunk of your CSS code:
===
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: ##ad0303;
outline: 0;
color: #fc3131;
===
The background has two pound signs (#), it should be only 1. And
background color should be blue, not red. And the color should be
white, not blue. You may need to break out all those definitions in
the list into separate definitions if differing behavior is desired.
On Nov 6, 6:07 pm, luciano991 mountain...@gmail.com wrote:
Hello,
This is my first post. I want to compliment the author on this great
extension. I had trouble with it at first because I used to be a
Windows guy and now I'm a Mac guy and I'm still getting used to things
that are so simple and obvious I can't see the forest for the trees. I
get it now and wow
I implemented the module here:http://apc.mcswebhost.com
If you hover on the About Us link and click History and go to that
page everything is cool except now the About US link has a grey
background and the drop down link for History has the blue current
background I set for the top level. I can fix one but not all these
problems by editing the style .sf-menu a.sf-with-ul but I would like
to find the ancestors to edit to fix the problem. I want all link
backgrounds for all levels to be #ad0303 with #fff for the font color,
the current link should be the blue background with white print, the
hover font colors should all be the same.
Thanks,
luciano
[jQuery] Re: Superfish plugin: some limitations that could be addressed
We're going in circles here. showed you an example of a multi column div in a sub, had h tags, image, and assorted other markup did you even look at it? Plugin code was untouched, any adjustemnts were done with css Yes i did look at that example, and analyzed the HTML code for it. Yes it works. Yes it uses Superfish with no hacks to the plugin. BUT, this example is using a UL with a single LI element that's assuming the role of a semantically neutral container (for styling purposes). In HTML, the only block-level semantically neutral container is the DIV element. Period. This is what the HTML 4 and HTML5 specs say. Which is why i believe this solution that works visually is not good enough. The YUI example is a good example because they are using the right elements for the job: two nested DIVs. (They could use just one for that example, but i suppose they want to offer a simple template with more styling hooks for users.) You then wrote: “The exact same markup in YUI example bellow works perfectly well...no hacks needed”. This is wrong. Can you REALLY use the same HTML markup as the YUI, and make the full Superfish functionnality work? I can do that... by hacking the Superfish source. The problem i'm talking about is a problem of HTML semantics. I'm not asking if you can do a mega-dropdown with Superfish, because you can, as your first example shows, and as my own tests showed me even before that. I'm saying that you can't do it using the adequate HTML elements, which i think is a problem. Not a huge problem, but a problem nonetheless.
Re: [jQuery] Re: Superfish plugin: some limitations that could be addressed
showed you an example of a multi column div in a sub, had h tags, image, and assorted other markupdid you even look at it? Plugin code was untouched, any adjustemnts were done with css Florent V. wrote: The exact same markup in YUI example bellow works perfectly well...no hacks needed In my experience, it doesn't work. As i wrote earlier, most Superfish functionality will work, but if you use something else than a UL as your submenu, even if it's just wrapping a UL in a DIV for styling purposes, then the animation effects won't work. Superfish won't find the element it's looking for when trying to apply an animation, and thus the animation will fail. But i may be mistaken. Are you able to make the animation effects work with the same code as the YUI example, without hacking the Superfish code? Say you want to animate the height and opacity of the submenu, and as per the YUI example your submenu is a DIV containing a DIV containing a UL. Does it work for you?
[jQuery] Re: Superfish plugin: some limitations that could be addressed
The exact same markup in YUI example bellow works perfectly well...no hacks needed In my experience, it doesn't work. As i wrote earlier, most Superfish functionality will work, but if you use something else than a UL as your submenu, even if it's just wrapping a UL in a DIV for styling purposes, then the animation effects won't work. Superfish won't find the element it's looking for when trying to apply an animation, and thus the animation will fail. But i may be mistaken. Are you able to make the animation effects work with the same code as the YUI example, without hacking the Superfish code? Say you want to animate the height and opacity of the submenu, and as per the YUI example your submenu is a DIV containing a DIV containing a UL. Does it work for you?
[jQuery] Re: Superfish not working with Wordpress version jQuery 1.3.2
On Oct 14, 7:02 pm, Go4 go4multime...@gmail.com wrote:
I have used your great plugin for a menu in Wordpress 2.8.4 and I
wanted to use the default Wordpress jQuery library jquery.js?ver=1.3.2
but your pluginSuperfishwouldn't work. I added the
jquery-1.2.6.min.js file and it did work OK. Since there is no reason
to have calls to two jQuery libraries which are doing the same thing I
wanted to only use the default Wordpress jQuery version. After some
searching I found an answer at this
site:http://jquery-howto.blogspot.com/2009/07/jquerynoconflict-resolving-c
The offending code was here: $(document).ready(function(){
I changed this to: jQuery(document).ready(function($){
Notice the $ function being moved.
This tip is a lifesaver if you're trying to use superfish for a
vertical menu in WordPress. I wrestled with all the submenus
activating simultaneously (overlapping) when any part of the menu was
moused over, and this was the problem. Changing the syntax to jQuery
(from $) fixed the issue.
J.D.
[jQuery] Re: Superfish plugin: some limitations that could be addressed
Thanks for this example. there's no doubt in my mind that YUI team hasn't processed all the issues you bring up when making their determinations on structure I don't know if they have. The YUI developers are very capable people, but this does not totally guarantee that YUI is accessible or that they don't get things wrong sometimes. But i can see that they're doing exactly what i'm saying that Superfish should allow. What YUI 3.0 Menu has: ... li a class=yui-menu-labelSubmenu title (e.g. category name)/a div class=yui-menu div class=yui-menu-content ul li class=yui-menuitem.../li li class=yui-menuitem.../li /ul /div /div /li ... This is perfectly fine. There are two containing DIVs, which has no semantic and accessibility impact (DIVs are neutral). Then the content of the submenu, which in this case is a UL list with one LI for each submenu item. Nothing wrong here. This is exactly the structure i had to code, and why i had to hack Superfish which doesn't allow it. ;) So what i had to code would fit perfectly with this YUI widget: ... li a class=yui-menu-labelCategory name/a div class=yui-menu div class=yui-menu-content pShort description of the category's content/p ul li class=yui-menuitem.../li li class=yui-menuitem.../li /ul /div /div /li ... Meanwhile, what you said was fine (and i believe is not, though it's not a BIG issue) is, using similar classes: ... li a class=menu-labelCategory name/a ul class=menu li class=menu-content pShort description of the category's content/p ul li class=menuitem.../li li class=menuitem.../li /ul /li /ul /li ... (Or maybe with a DIV between the container LI and the submenu's content, to avoid problems with current Superfish inner selectors.) Regarding higher powers, i should consult with accessibility experts i know about using a one-item unordered list as a container (just because Superfish requires it...). It's not elegant, and i suspect it might cause problems to some screen-reader users, but they may be able to confirm how significant those problems would be. Anyway, being forced to use subpar HTML code because a JS script requires some particular tags is never a good thing. In this case the consequences may be benign (or not...), in other cases they may be quite bad.
[jQuery] Re: Superfish plugin: some limitations that could be addressed
superfish shows and hides UL's and doesn't interact with their children like you are saying. The exact same markup in YUI example bellow works perfectly well...no hacks needed Florent V. wrote: Thanks for this example. there's no doubt in my mind that YUI team hasn't processed all the issues you bring up when making their determinations on structure I don't know if they have. The YUI developers are very capable people, but this does not totally guarantee that YUI is accessible or that they don't get things wrong sometimes. But i can see that they're doing exactly what i'm saying that Superfish should allow. What YUI 3.0 Menu has: ... li a class="yui-menu-label"Submenu title (e.g. category name)/a div class="yui-menu" div class="yui-menu-content" ul li class="yui-menuitem".../li li class="yui-menuitem".../li /ul /div /div /li ... This is perfectly fine. There are two containing DIVs, which has no semantic and accessibility impact (DIVs are neutral). Then the content of the submenu, which in this case is a UL list with one LI for each submenu item. Nothing wrong here. This is exactly the structure i had to code, and why i had to hack Superfish which doesn't allow it. ;) So what i had to code would fit perfectly with this YUI widget: ... li a class="yui-menu-label"Category name/a div class="yui-menu" div class="yui-menu-content" pShort description of the category's content/p ul li class="yui-menuitem".../li li class="yui-menuitem".../li /ul /div /div /li ... Meanwhile, what you said was fine (and i believe is not, though it's not a BIG issue) is, using similar classes: ... li a class="menu-label"Category name/a ul class="menu" li class="menu-content" pShort description of the category's content/p ul li class="menuitem".../li li class="menuitem".../li /ul /li /ul /li ... (Or maybe with a DIV between the container LI and the submenu's content, to avoid problems with current Superfish inner selectors.) Regarding higher powers, i should consult with accessibility experts i know about using a one-item unordered list as a container (just because Superfish requires it...). It's not elegant, and i suspect it might cause problems to some screen-reader users, but they may be able to confirm how significant those problems would be. Anyway, being forced to use subpar HTML code because a JS script requires some particular tags is never a good thing. In this case the consequences may be benign (or not...), in other cases they may be quite bad.
[jQuery] Re: Superfish - Supersubs not being recognized?
Replying to my own thread here. I figured out the issue.
I was using this in a Wordpress installation and the issue was with
wp_head() loading jquery.js after my jQuery code. This rendered
everything useless until I put the code block under the wp_head() call
and all worked fine.
Thanks to the authors for an awesome plugin!
On Oct 26, 2:08 am, net-genius ipru...@gmail.com wrote:
Hello,
I am using jQuery Superfish (withSupersubs) but I'm getting an JS
error when loading the page:
Error: $(ul#topmenu).supersubsis not a function
I looked at thesupersubs.js file but I can't figure out what the
problem is. I'm calling jquery.js, jquery.superfish.js, and
jquery.supersubs.js on the head and initiating menu as suggested:
$(document).ready(function(){
$(ul#topmenu).supersubs({
minWidth: 12,
maxWidth: 27,
extraWidth: 1
}).superfish();
});
Can someone please help with this? Thank you!
[jQuery] Re: Superfish vertical - LEFT flyout??
is quite easy, sub UL's are absolute position, change "right" to "left" in css. DaveS wrote: Has anyone modified Superfish vertical menus so the flyout is to the LEFT? How? Ideas?
[jQuery] Re: Superfish - arrows top menu width
if you look at element widths in css there are no explicit widths set. Default sizing is established by padding on a tags arrows are absolute positioned so setting width to a tags might help. Per your first line, it's all about css Bruce A wrote: Apologies if this is a css issue and I am barking up the wrong tree... It seems to me that the arrows which are added create an additional width on the menu elements. I would like to specify a fixed width for the top elements in my menu. It appears that the arrows are added automagically by the JS (neat!). I am guessing they are an additional width to anything specified in the skin css. Is there any way to use the arrows but to reserve space for the arrow width, so it doesn't change the top level menu width? I would like to be able to use a fixed width, so that I can use a non- repeating css background image. To complicate matters, I am using Supersubs (maybe I should be using the standard superfish?) Thanks to the developer for producing this cool bit of code!
[jQuery] Re: Superfish Menu - Joomla
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 entire width of the site template. The reason for doing this is quite simple, I have only 4 first level (main) menu items but 10 second level) sub-menu items. So what happens is that second level menu wraps around and shows on three lines. Ideally I would like to show all second level items on one line instead of three. Can someone help? Thank you
[jQuery] Re: superfish wordpress. Where am I going wrong?
your hoverIntent.js file is an html file with a js extension looks like you copied and saved a demo html page and turnedit into a js file change it out with the hoverIntent.js download file Matt wrote: Hi, I'm trying to implement superfish onto a wordpress site I'm working on, but just can't get it to work. I believe I've done everything right, and searched the web for solutions but nothing as yet has helped. You can view the site at www.sdm-intl.com, it's the main blue menu on the site that is the one in question. I'm quite new to wordpress and don't have much experience with jQuery, so would appreciate any help! Many thanks
[jQuery] Re: superfish xml again
Tnx. I fixed the problem. It was superfish for older version of Joomla. I posted my question here 'cause there is a referral at superfish page. I quote: Support for the Superfish plugin is available through the jQuery Mailing List. Post a message to it with the word “Superfish” somewhere in the subject line. I watch the list closely and will try to help you as soon as possible. There are many other Superfish users on the list who may be able to help you also. This is a very active mailing list to which many jQuery developers and users subscribe. On Oct 16, 3:07 pm, Charlie charlie...@gmail.com wrote: superfish is jQuery( javascript) and CSS that performs on html markup. Any xml related to it would be part of Joomla and have nothing to do with superfish script or the superfish css. Suggest researching this on joomla forums as it's totally non related to anything jQuery or to do with superfish functionality n0yes wrote:I'm having install superfish problems, says the xml is missing. I found this post: I'm a newbie and can't install the zipfile superfish 1.4.8 using the joomla install function. I keep getting an error message stating that the xml.is missing. Do you have any suggestions how I might be able to install this file? But not the reply. ... So, please, where can I get the xml file?
