Horizontal Navigation With Full Width Submenus by Deluxe-Menu.com
Horizontal Navigation With Full Width Submenus

Menu Screenshots

Horizontal Navigation With Full Width Submenus Javascript For Tree Menu

Features

Cost Effective
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
Floating Navigation Javascript Horizontal Navigation With Full Width Submenus
Easy Setup
  • De Luxe Tuner. GUI interface to create your horizontal navigation with full width submenus menus easily and in no time
  • Sensible menu parameters for manual editing
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
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: I can’t seem to figure out how to specify the width of individual items in the website drop down menu.
I would like to specify that each menu item on the horizontal take up just 113px
regardless of the number of characters in the item.
Is there a way of doing that?

A: You should use   var itemStyles to set an individual item style, forexample:

  var itemStyles = [
["itemWidth=113px"]
];

  var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];

Where "0" - style number in itemStyles that contains the parametersfor items width.

Use Deluxe Tuner GUI to create and assign individual styles.



Q: Hi I recently purchased your product Deluxe Tuner and I am having trouble with my frame pages.
There is a portion of my site that is set to produce frames and Iwas wondering if there is more information about setting links in a tree view structure to selected frame pages?

A: You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "","", "0"],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],
 ["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],
["<img src='img/sep.gif' width=113 height=1>"],



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

MediaMonkey • View topic - FavouriteNodes: Add Favourite Nodes

Width = 100. Edt2.Common.ControlName = "Edit2" Edt2.Common. .... This puts it closer to the tree for easier mouse navigation (for me)

Width of Sub Menus - no changes after selection. - Wordpress

In ATO>Page Menu Bar the last item is width of sub menus. ... This site should be a membership site since it so full of good stuff. ..... I was navigating to various pages, one of which had day 1, day 2, etc. links on

Bulletproof Templates' • View topic - Adding 4th teir to

#nav {border:none; width:100%; background-image:url(. ... solid #b6b6b6;border- top:0px;} /* change submenu, no rollover*/ .... in preparation to put them side- by-side to be a horizontal menu, but since each menu item

Solution how to center a horizontal Show_Menu2 menu (all css 2)

width: auto; left:50%;. There are 2 real changes (forget the other ones. ... In #nav ul put this code: left:50%; If you use submenu's then just .... on the drop -down instead of the full drop-down list when the rotating

FIX 4 D4J TransMenu Submenu Positioning

Horizontal Menu.... In the joomla admin leave the: Sub-menu Left Offset = 0 ... It's top, width, and background are set by script

can't get li items to be vertical using display:block [Archive

I have implemented it as a horizontal nav menu, and I want the 2nd .... However, by not setting its width, the top-level menu's submenu is

Navigation Code Needed - CMS for Web Designers - Subdreamer - Forum

Can somebody offer me the code needed to have a horizontal navi bar at 800px total width with buttons of 100px and a drop down submenu button that actually

Drop Down Navigation Bar ( Probably the best ever with Roll Over

If that works, replace the 100px for the cmps' left column width var and see if you like it. ... just put the full url of the location you want it to lead to :) .... How can I give the menu more of a "horizontal" orientation? ... The title for each submenu is one row below the menu

superfish change the width of a horizontal menu - jQuery Forum

superfish change the width of a horizontal menu ... 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), ... Click to expand Superfish submenu

How to create submenu containing BuddyPress tabs (editing

You could also check out a tutorial, like the “horizontal” menu bar described ..... ul#nav li ul {width: 30.7%;} ul#nav li ul li {float: none; width: 100%;}

Free Joomla Templates [Archive] - Web Hosting Forum - Web hosting

View Full Version : Free Joomla Templates ... Joomla 1.5 - Siteground Template - Full width Fireboard .... siteground-j15-54 different submenu left to right ... j15-50 Horizontal menu module - nonexistent · How to add a header in

3 level horizontal dropdown menu system

I want to have a 3 level navigation system - I have implemented a ..... subMenu ul, .nav2 .menu li li.subMenu ul {display: block;} /* 3rd Child Menu Appreances */ .nav2 .menu li ul li ul li a { width: 10em; height:auto;

Horizontal dropdown submenu width - General - Support - Universal

The width is for the full sub menu. So that is why you need to set ... Specifying the submenu width seems to be a "first time only" event

NAV menu: submenu mis-aligned > DotNetNuke Forum, DNN Creative

I used the standard Blue skin (horizontal menu, fixed width) that came with ... then the Admin submenu gets positioned 100 px below and 50 px to the right of .... NET worker task" has full permissions on the web directo

Archived CMSimple Support Forum • View topic - A CSS driven

In addition, if a small submenu button text is followed by a longer button text, ... This horizontal menu can freely be used by any potential user. CSS ... menu/ button1.gif) 100% 0 no-repeat;color: #fff;width: .1em;}

Vertical Menu problem

3- options- set to use auto theme support and get an horizontal menu automatically (don't want that) 4- tried disabling stylesheet in

V. simple horizontal navigation - Ektron DevCenter

Here are some final thoughts on a horizontal navigation: ..... background image to use for level 1 entries and a background color for the sub menus? ... I would also like to make each main entry be a different width

CSS negative margin IE trouble - Webmaster Forum

End of Site Navigation Buttons --> <!-- Main content container --> <div id=" submenu"> <a href="reamers.htm">Reamers</a> <a

[RELEASE] Rapier 3.06 - XBMC Community Forum

Horizontal navigation system - Mouse friendly design - Uses the latest XBMC features for smoother animations and ... home: new option to customize the category sub menus ... views: new view option to use full plot instead of plot outline for movies ... views: increased width of some menu bar buttons

Sub navigation position problems Expandable Menu - Ultimate Web

"0", // nav -> menu y-offset (+-)["n" pixels] "190px", // width ... navbar only - horizontal navbar items have "auto" width) ("%" doesn't work right) .... " arrow_down.gif",// submenu indicator rollover character/image

Need help with editing CSS horizontal menu [Archive

Sep 27, 2007 ... I found a javascript of a CSS horizontal menu .... width: 120px; /*Width of top level menu link items*/ padding: 2px 8px; .... with CSS Drive and CSS Library being the submenus of coding forums. This is just an example

Xtreamer RSS Guide - Xtreamer

From Xtreamer. Jump to: navigation, search ... Some are simply links to further rss feed submenus. Each feed MUST consist of the following as a minimum .... itemXPC, 0 to 100, Horizontal proportion of item, itemXPC="20" ... focusItemWidthPC, 0 to 100, Width of selected item (Item in focus), focusItemWidthPC="23.43"

horizontal dropdown menu using html & css - Tech Support Forum

I am trying to make the nav bar fit across the page, it looks ok in ... the words in the submenu to the main menu, currently the submenus are centered, example attached ... width:11.75em; /* width of all menu boxes */

DotNetNuke Nav Menu Tutorial - Issue 47 > DotNetNuke Forum, DNN

width:970px; height: 25px; ... I was trying to figure out how to show a horizontal nav that does NOT show its children in dropdown menus. .... Since vertical menus generally use left arrows for submenus, and so do the submenus, .... DNN 4.9.4 Full Language Pack Portuguese - pt-BR-v4.9.4