Css Collapsable Menu by Deluxe-Menu.com
Css Collapsable Menu

Menu Screenshots

Css Collapsable Menu Frame Movable Web Page

Features

Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Creating Javascript Dropdown Menus For Web Css Collapsable Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your css collapsable menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css collapsable menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

Recent Questions

Q: I am using your product for a website. It seems that I am getting a Javascript error, particularly when accessing any of thedropdown menus. The details of this error message reference either"line 1" or "line 8".
Char= ...
Error= Object expected
Code=0
URL= (whatever page that I am on).

Please let me know what the issue is asap as my client is anxiousto go live with this and needs to be resolved!!!!!


A: You should check your dmWorkPath parameter. You should write itcorrectly.
You should also check that you copy all dmenu_xx.js files in the samefolder with dmenu.js file.

Please, set also the following parameter:
  var itemBorderWidth="0";

This parameter cannot be empty.


Q: How can I vary the width of the individual items on the main bar for the javascript menu?

A: You can use Individual Styles to set the width for the menu items.Please, use Deluxe Tuner to create your individual styles.

You should write for example so:

  var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];

  var menuItems = [
["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],
 ["|XLCubed Edition","pro_excel.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|Web Edition","pro_web.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|TM1 Connection","tm1Connection.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|Downloads","downloads.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , , , , , ],
["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],
 ["|Online Demos","onlineDemos.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["","", "data.files/resources.gif", "data.files/resources_mo.gif", , ,"2", , , ],
 ["|Customer Center","customer.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Partner Center","partnerCenter.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , , , ],
 ["|Documents","documents.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Technical Specs","techSpecs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Training","training.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self","3", "1", , ],
["","support.htm", "data.files/support.gif", "data.files/support_mo.gif", , "_self","4", , , ],
["","", "data.files/company.gif", "data.files/company_mo.gif", , , , , , ],
 ["|History","history.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Contact Us","contactUs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
];

Q: I am sure this is a pretty minor thing…When one of my dhtml menu dropdown items is a link to a url, is there a setting to change the cursor to a hand versus the normal arrow? Basically, I want the links of the dhtml menu dropdown items to look like most other links on any webpage.

A: Try to set the following parameter:

  var itemCursor="pointer";



Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


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:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Trying to tweak Javascript for Collapsible Text - Zen Cart Support

COLLAPSIBLE MENU --> <!-- This goes into the HEAD of the html file --> ... document.writeln('<style type="text/css"><!--')

Using Moodle: YUI based course menu

I can't see the collapsable menu of topics either. ... installed your YUI block and my users love it, however I've run into what I think is a CSS issue

Newspaper Forum Powered By Ip Board : Free CSS Menu Maker

Jul 27, 2010 ... Generate Fancy CSS3 Dropdown Navigation Menu in Seconds! ... css left navigation menu Drupal Nice Menus Delay Css .... css3 polaroid, drop menu css thesis, css button shadow, css horizonal menu, collapsible css menu,

Advanced menu with drop down depending on URL... - jQuery Forum

I am currently making a menu for a school but i have got slightly stuck :-S ... means listing each path as a variable to add and remove css classes of each div/ element which could ... Collapsible menu not working correc

CSS/JavaScript/I don't even Know....HELP!! - WebDeveloper.com

CSS/JavaScript/I don't even Know....HELP!! CSS. ... I'm trying to do a collapsible menu in javascript. ... HERE IS THE CODE IN THE CSS:

PHP-Fusion MODs & Infusions - Discussion Forum: [jQuery] Accordion

css navigation menu -->\n<ul id='navigation' class='menu collapsible'>\n"; $i=0; while($data = dbarray($result)) {

Collapsable Menu Browser? :: Forum :: Indexhibit

with my javascript code for the collapsable menu sections...am i ... I found an interesting tutorial on vertical css menus:Menu Tutorials

FLEXIcontent • Afficher le sujet - Accordion, tree or sliding menus

What i need is a collapsible/expandable menu based on category ... href="modules /mod_flexitree_menu/jquery.treeview/jquery.treeview.css" />

Joomla! • View topic - Purity from SVN has no top menu?

The downside is that now I don't have a top menu, boooo. .... Template Manager to allow for this sweet header menu with collapsible menus. .... The blue meny css is never applied and the menu looks very strange with the

Forum:Collapsed table. Can't change background color - Wikia

Mar 18, 2010 ... I am trying to use CSS to make the background of the heading ... Then simply add the class to each table e.g. class="navtables collapsible collapsed". ... the wiki (Firefox file menu, save page as, web page, complete)

Joomla! • View topic - Purity from SVN has no top menu?

... Manager to allow for this sweet header menu with collapsible menus. ... After updating my site to Joomla 1.5.4 my top header menu is gone. ... The blue meny css is never applied and the menu looks very strange with

Collapsible menu for product options. | Ubercart

For products that has many options but not necessary present to user at all time , a collapsible menu just like the Shopping cart in the

Collapsible Archive Menu for Templates? - Blogger Help

Nov 25, 2009 ... I'm using a template, but I want the collapsible archive menu that ... <li class ='archivedate expanded'> <a class='toggle' href='...'>

collapsible Menu

Need a good and light collapsible menu in Java Flash or DHTML. Any hints?? ... collapsible Menu. deepakshah; Newbie; Newbie; No Avatar

DIVs - Side By Side - HTML / CSS - Web development

FYI, Div1 is a side menu and Div2 is the c. ... Thanks for the responses but I guess what I am after is pretty much a collapsable div,

Bulletproof Templates' • View topic - Download the Joomla 1.5

Sixteen collapsible module positions. Suckerfish dropdown menus ... Parent menu item marking with CSS (not msie6)

JavaScript / CSS / JQuery - tabbed, scrolling/marquee, pop-up

Jun 5, 2010 ... CSS (Styling) and interactive content; * Dropdown menus * Fold out menus * Concertina/Tree/Collapsable menus * Tabbed content blocks

Webuddha Developers Forum - BETA • View topic - lightbox feature

Click in item menu portfolio, in "Casa da Galé" ,after in the photo. ... css dropdown menu) and the collapsable modules "hide/show" will

CSS Accordion Menu - Javascript help needed - WebDeveloper.com

I have put together an accordion menu using css, html (ul, li tags) and javascript. I'd like the arrows on the collapsible menus should

Plus/minus signs in expandable side menus [3373] · Textpattern CMS

When full text is shown, the menu is drop-down. ... work better in the CSS so at least the left edges of all text items lined up, ... Having each group collapsible and having them all 'closed' to begin with caused a

How to build a collapsible menu using dijit.Tree | The Dojo Toolkit

Find the code for the collapsible menu below. Enjoy! ... w3tree.css - the css file to include inorder to create the nice block menu

Free Accordion Menu R2 - Interspire Forum

Free Accordion Menu R2 Code Modification and Addon Releases. ... Collapsible is inactive if your event is equal to 'mouseover'. .... <meta http-equiv="Content- Style-Type" content="text/css" /> <link rel="shortcut icon"

Collapsible Menu in CSS - Expression Web Help Forum

Does anyone know how to build a collapsible menu in css? I am trying to build a vertical menu that will

CSS Expandable area pushing the footer down - kirupaForum

CSS Expandable area pushing the footer down Client-Side (HTML, CSS, ... hi i got the problem opposite of it as my spry collapsible menu