- 85% transparency for sub menus - Inactive/Disabled items - Hundreds of pre-designed templates - Items with icons - Top items and submenus have a shadow - Several menus on one page - Image arrows - Text aligned to left
Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Q: I'm having difficulty understanding how to set up css drop down menus. The differences between menuStyles, itemStyles, CSS and CSSText is very unclear, and doesn't seem to be well documented.
Do you have any better documentation or writeup on using this feature?
A: No, unfortunately we don't have additional documentation. You can findall info on our site.
We have several examples of the menus using css.
You should set var cssStyle=1; parameter and then assign your stylesto the items.
var cssSubmenu is a CSS class name for all submenus. You can set, forexample, background color, background image, borders for all submenus.
var cssItem is CSS class names for all items (normal state, mouseoverstate) in the top menu and submenus.
var cssItemText is CSS class names for text of all items (normalstate, mouseover state) in the top menu and submenus.
It's possible to appoint individual CSS styles for separate elements of the menu using individual item styles and individual submenu styles.
Q: Could you tell me if this drop down menus javascript work with Japanese fonts?
A:If you are using a Japanese system then everything should render correctly. If you are using an English system with a Japanese IME then you willneed to set the font in the Tuner to one that supports the characters you require.
Q: First, i like the time I save with this program, but it isn't going to help me that much if I can't put the menu where I want it on my page.
No matter how I set the "positioning", it shows up in exactly the same place over and over. I've put it in table cells, I've given it absolute positioning... none of it matters.
A:If you want to center the menu paste itwithin the <div> or <table> with a static position and specify a center alignment for it, for example:
Please, set exact value for var menuWidth parameter, for example:
var menuWidth = "600px"; This can help to align your menu correctly in all browsers. Try also to specify units in "px". Set also: var absolutePos = 0;
Try that.
Q: I am using Javascript Menu. Deluxe Menu. v1.12 How can I upgrade to v.2.0?
A:How to upgrade to v2.00 --------------------------------------------------------------- You can download the licensed engine .js files from the same link in your license message.Deluxe Menu v2.00 has new parameters and features. To upgrade to v2.00 you should do the following.
Step 1. 1.1 For Windows users a. Run Deluxe Tuner v2.0 (can be found in the trial menu package v2.0 http://deluxe-menu.com/deluxe-menu.zip). b. Open menu data file (.js file where menu parameters are placed): select File/OpenЕ c. Save the file: select File/Save, then click "No" button when the dialog box appears.
1.2 For other OS users a. Open menu data file (.js file where menu parameters are placed) in a text editor. b. Make sure that the following variables exist in the data file:
var keystrokes = 0; var dm_focus = 1; var dm_actKey = 113;
var dynamic = 0; var smHideOnClick = 1; var itemAlignTop = 'left'; var smSmartScroll = 1;
var dmAJAX = 0; var dmAJAXCount = 30; var dmRTL = 0; var dmObjectsCheck = 0; var menuBackRepeat = "repeat"; var menuHeight = ""; var transDuration2 = 200;
If one of the variables doesn't exist - add it at the beginning of the file.
c. Save the file.
Step 2. Now open HTML-page that contains Deluxe Menu.
Step 3. Replace existent tags of the menu by the following code:
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
Step 4. Save HTML-page.
Step 5. New engine v2.00 has 7 .js files. They are: - dmenu.js - dmenu4.js - dmenu_add.js - dmenu_dyn.js - dmenu_key.js - dmenu_cf.js (new v2.00) - dmenu_popup.js (new v2.00)
Replace all old .js files by the files from v2.00.
Dec 17, 2010 ... My skin.css file validates at level 2.1. My FireFox Web ... the main menu and breadcrumbs in another div and clearing the float in that div
Firefox, Chrome ande Opera handles the menu just fine, but the promlem lies within IE ... The menu is floating not in the left side as it should, ... in you css you need to add px to the top and left values in #menu, so:
Edit: I'm not very experienced with CSS this may be, and probably ... the top menu but the text is still off centered in Firefox, goodness, ... attribute of float left so the text is in the center but its not showing as
Feb 2, 2011 ... Why is my CSS drop-down menu opening behind a DIV in IE7? ... jquery ajax call not working in IE 7 or 8 but works in Firefox ... Floating elements dropping out of container in IE7 and some times in WebKit browsers too
Apr 25, 2008 ... Firefox has also excellent addon called HTML Validator which can found from ... CSS Menu does not work in IE6. IE6 relies on some javascript to do ... float: right; /* change this to right and sidebar floats to right */
Dec 12, 2008 ... The menu is in a div with this css: #menu { height: 24px; width: 840px; margin- left: 30px; border-bottom: solid #636467 1px; float: left;
In addition to that i am also copied the menu.css from yui example. ... border- width:0 1px 0 0; } div.yuimenu h6 { float:none; display:block; .... i load the page in a new browser window (firefox 1.5) and right click on a menu option it
In Firefox it works perfect, but in IE i can't select the items in the menu ... Check the css of the divs where you have put the menu and the page content .... ul.menu li { position:relative; float:left; } ul.menu ul
Jun 13, 2007 ... i used the no-lag css navigation bar found in this forum to create a ... padding : 0px; width: 229px; float: left; } #menu { height: auto;
Feb 1, 2010 ... In Firefox (which is 1/3 of my visitors right now) my float smushes up to the menu bar and I lose some spacing below. I'm sure my CSS skills
I am trying to remake the site using mostly divs, and css, but I am ... each colour and float them left and right at top and bottom as required. ... In the menu they are given a special class so that I can still use the
Note: This css is for the redevo_aphelion template, if you use a different .... Ran into a small problem, menu works perfect in Firefox, .... If I use float: left; menu display horizontally but sublevels not working good
Sep 23, 2009 ... This is now compatible with Explorer, Firefox, Safari and Chrome. Opera does not support float:left very well, so the menu will be in two
i have a CSS Problem with this Menu in IE7. ... Then remove the float : right ; from #email, But then I don't know what it might cause unless I know where are you ... I can't live without Firebug for Firefox :scared: