how to make the menu items a fixed width in a horizontal Superfish menu . I've tried mucking about with the CSS but no luck so far. I'm sure it's easy, but I can't seem to work it out.
View 9 Repliesi am using the jquery superfish menu at[URL]. i cannot seem to modify the width of the menu items (or the <li>). how do i do this? i am using the superfish.css style sheet. i tried to modify the width by changing the values of a few classes (i.e. where it said 100% or had an em appended), but this did not .
View 1 Replies View RelatedI'm thinking of using this plugin for my menus. Is there an easy way to display a menu item in a disabled state?
View 1 Replies View RelatedCan we keep different color for different menu items .
View 1 Replies View RelatedThe SuperFish horizontal menu with drop downs renders great in IE. But in FF or Chrome the menu bar is double in height. Please help or direct me where to go (Not sure if it is my install or CSS). [URL]
View 1 Replies View RelatedI actually want to make a horizontal drop down menu with a sub menu.As far as I have researched, I think that it can be done by JavaScript. I have searched for some java scripts but they are very long and complex.
That made me wonder that for a funcitonality like a Drop down is so complex?
So here is my question : Is there any JavaScript that can be applied for drop down menu exclusively? Which just presents logic of drop down solely?
I'm wondering how to modifiy the vertical menu of superfish to let the submenu appear horizontal next to the parent menu element:123 3a 3b 3c45I just spent some hours searching on Google andplayed around with the CSSbut could not manage to fix it.
View 1 Replies View RelatedIt 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?)
View 1 Replies View RelatedHow do I standardise the width of the top menu items in a (Superfish) Suckerfish style menu (V 1.4.8) as each is sizing to the text and I would like all to be equal
View 3 Replies View RelatedI have trouble with SuperFish Menu, of course it looks very nice and is good solution, but I am not advanced in CSS language.how to change space between menu and submenu in Navi-bar type menu? Now sobmenu hide part of menu, I have to must space.....
Attachments
superfis.JPG
Size : 11.4 KB
Download : 306
Is it possible to make the Superfish menu expand up instead of down (I would like to use it as a menu on the bottom of the page)?
View 1 Replies View Relatedi've made a horizontal Superfish menu which fills the containing div entirely, based on the description given here:[URL]Basically that is:
#menu { width: 100%; float: left; display: table;}
#menu > ul { display: table-row; }
#menu > ul > li { display: table-cell; min-width: 20%; }
However, this causes the effect of the Supersubs plugin to stop working. Is there a way of providing a dynamic submenu width when having a "full width" Superfish menu as described above?
I'm using superfish menu jquery plugin, and I'm wondering if someone know how to update plugin that you can decide if sub - sub menus wil be shown on the right (that is in the original) or on the left side of the parent menu.
The problem is, that if the last menu is near the end of the browser, than the sub - sub menu will go off side the browser.
I really want to use this (javascript, jquery, and css) menu at this web page: [URL]. However, I would like to have this menu as a multi level menu. Currently it is two level. How to make this menu as three or four level?
View 1 Replies View RelatedI'm curious if anyone knows how to fix this. Most of the content of my page is 940px wide. The superfish menu, expanding as it should to fit my drop-down heading text, is only about 700px wide. I want to apply a color background to the div that the superfish menu is housed in so that the menu appears to be 100% width.
For some reason, in webkit and firefox, the color of the div that the menu is contained in does not show up, so there's just an empty space in that last 25% or so of the bar.
In IE, it looks correct, though. (the color of the containing div shows through the blank space in the menu, making the menu bar appear to fill the entire width).
Am I missing something in the Superfish menu that makes it appear at 100% width?
I want to make a horizontal menu with a lot of menu items but some of them wont have any sub menus associated with them. Right now, i have to add at least one item in submenu with sometext in it, else it gives a weired behavior. But I want that any of the items should have no items below it yet submenu shud be displayed, just like a long horizontal bar..
View 2 Replies View RelatedI have created a jquery accordion menu for a brilliant CMS called 'Concrete5' and all works lovely BUT I now would like the menu to stay open if a menu item is selected within the drop list.I have manged to create the following.....
var pathname = window.location.pathname;
var selecteda = $(".nav-selected a").attr("href");
// alert (selecteda)
[code]....
..but it doesn't seem to work.I'm not a JQuery GOD like most of you on here but I am trying my hardest The accordion menu I am trying to get this to happen on is Accordion Menu.
To build a menu block which should be switchable with hide/unhide of the menu items, I'm using .append html. The code idea is this:
[Code]...
As can be seen from above posted code there is a line "<div id="' + menuSlider + '" style="display:none">". Appending that -- AFAIS -- the .append is automatically (????) adding "</div>" which closes the statement. That breaks my idea of the whole concept! The menu part isn't included in the 'menuSlider '. QQ: How to change it -- NOT to have that "</div" added to it??
The purpose of the code is to slideToggle open one of two hidden sub-nav bars when either of two different menu items are clicked upon - instead of a drop down menu. What doesn't work is the hiding of the div that is not required, if it is already open. Viewing in firebug shows that the appropriate classes are being applied - I suspect the reason is that slideToggle has been somehow set and cannot be unset via another object - but perhaps that is not it at all?
$(document).ready(function() {
//add .toggle function to appropriate li element
$('#hozmenu li:nth-child(4)').toggle(function () {
//set 4th menu links colour to be green whilst div is shown
$('#hozmenu li:nth-child(4) a').css('color', '#95d890');
$('#toggle_nav_services').removeClass('toggle_show');
[Code]....
I am using the Jquery Superfish menu within a struts 2 web app. As seen in the attachment, The menu is appearing and the hover delay is working but there are gaps between each menu and its sub menu. Also the root menu items are not all the same with. I am using the example code without changing it. how to get rid of these gaps ?
View 1 Replies View RelatedI have installed Superfish menu module with Joomla ..Customization work more less fine ...I still have tenious problem like :
- How to have the main menu with the active color, when one of the sub-menu has been actived ?
- How to change the inactive color of the sub-menu without changing the inactive colro of the principal menu ...I did not found any information on the web ..
I have a mega menu that when the main menu items is hovered over the mega menu the div is displayed. I want to keep the div from being shown off the right of the browser screen. I have the following that determines the amount a div is off the right of the browser:
Code:
function keepMenuLeft(){
var div_width = $("li.hovering div").width();
[code]....
I would like to make to horizontal items smaller in height. Is there an easy way of going this?
View 1 Replies View RelatedI'm creating a menu using html, css and a javascript, I found a tutorial to follow online. What I am trying to achieve is when the mouse hovers over the menu items, each item will have a different colour background. the problem is that i can do this but it only works with one colour and not different colours.this is the html:
<ul>
<li><a href="1.php">Things</a></li>
<li><a href="2.php">Animals</a>[code]......
I want to make a menu (not drop down) which will be of 100% width and height just like ipod drill menu. Can anybody know about such sliding menu and drilling down to each item..? how to change this one to achieve my preferences. I want: menu options (not in a drop down) slides left into subcatogaries on each item click (like windows media center menu)....
View 1 Replies View Relatedversion of Apycom's jQuery menu; you can find itat http://apycom.com/ and it is looking really good.I have uploaded files, and published it on a test site - www.flexin.beUnfortunately, some of the submenus starting from the second that haschildren elements, it adds the item on the top level in InternetExplorer.Does anyone on this list has any experience with this library?
View 2 Replies View Related