i 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 Replieshow 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 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?
The 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'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
How to change the arrow color(right and down arrows) in the superfish menu?
View 1 Replies View RelatedLove this menu. This menu will be appearing in module on right hand side of page. So I need the submenu to display on left, not right. So how to make this a right to left menu? I've played around a bit and have had no luck yet. I've used the navbar on another site and I'd really like to use this vertical menu too.
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 ..
why my superfish nav-bar doesn't appear like the example on the superfish page?[URL]
View 8 Replies View RelatedI'm in trouble implementing superfish in a website project. My problem is: I have a category based menu item that has two sub-levels set to display horizontally. I hover the first menu item and the first sub- level shows. Then I click the first sub-level and both it and its parent-item get highlighted and stay visible.Then I do the same to the sub-level below these but it doesn't work. This second sub-level gets the right class ('current') but the first level loses its 'current-cat-parent sfHover sf-breadcrumb' classes causing all levels to disappear.
View 3 Replies View Related(reposted to get through the xmas rush) In my superfish horizontal menu bar (nav-bar style) I need the sub-menu to stay visible while it's parent is selected (not just on hover). I've tryed adding styles and have experimented with adjusting the .js files, but have been unable to achive this effect. Here is what I want my menu to do (that I haven't been able to achieve yet):
menu color: #777
Current hover red
Current menu red.
[code]....
I can get them both to display but I need to style each one differently I have copied the basic styles and renamed them xx2 and then renamed the ul class to match but it doesn't like it!
View 1 Replies View RelatedI'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'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 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 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 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?
My client wants a ticker, only with client logos. I've found several scripts which are cool, though no one is precisely what I'm after. Company logos vary in their proportions. I'd like ideally a script able to continuously horizontally animate images of the same height, but with variable widths. Found plenty of scripts moving same width images left/right, or using a carrier (table/div/layer) to contain a set of variable width images - the latter leads to blank moments my client doesn't like while the carrier is repositioned.
I'm very intrigued as to why this doesn't seem to have been done and wonder if there's a reason. Is the computation needed in passing widths in a variable to a move function too much for the client-side? I don't want to waste my time wading into repurposing a script for this if it's not viable as I can't pass that cost on to the client, you see. I'd rather bail and do it using Flash.
I have a page on my website where I put an iframe and display inside it another website, something like this:
<iframe frameborder="0" height="100%" scrolling="yes" src="http://www.another-website.com/" style="overflow: scroll; min-height: 600px;" width="100%"></iframe>
My problem is that my page have a fixed width of for example 800px which the iframe width is 100% of this width, but some external websites I put inside the iframe have a wider fixed width than 600, for example if the external website have the width of 1000px then my iframe will have a horizontal scroll. I don't want the horizontal scroll to appear and at the same time I want the iframe to show the whole width of the external website. Is there a way that I can control the width of the external website and make it 100% of the width of my iframe instead of their fixed 1000px for example? I don't think I can but I thought I would ask anyways maybe it's possible!
I am trying to create a horizontal menu, and I have succeeded in getting the menu to view the way I want it, but for some reason when I mouse over the <li> in the root <ul> it shows me all the <ul> under every <li> at once. Here is a sample.
<div id="MainMenu">
<ul id="Nav">
<li class="level1"><a href="~/Default.aspx">Home</a></li>
<li class="level1"><a href="~/Default.aspx">Bullitens</a>
<div class="SubMenu">
<ul class="SubNav">
<li class="level2"><a href="~/Default.aspx">Home</a></li> .....
.level1 {
display: inline-block;
margin: 0 10px;
height: 25px;
padding-right: 20px;
}
.level2 {
padding: 0px 15px;
margin: 4px 10px 0px;
display: inline-block;
}
This code would most likely be what is necessary to reproduce my issue. Am I at least close to getting this menu to function the way I want it to?
How to find a horizontal scroll menu plugins ?
View 2 Replies View Related