Css Dropdown Menu Specify Css How

Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu

Support

FAQ

Contacts

About Us

Recent Questions

I am trying to figure out how to specify the css for the top css dropdown menu.

Return to Recent Questions

Q: I am trying to figure out how to specify the css for the top css dropdown menu.

I saw this in some of the example code, but there was nothing similar in Deluxe Tuner

var itemStyles = [

["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver" ],
];
var menuStyles = [
["CSS=topMenu"],
];

I tried adding the above to my js code, but it didn't work. I can get it to work in non-css through Deluxe Tuner.

I am trying to draw a white border around the blue css dropdown menu

.topMenu
{
background-color:Blue;
border-width: 1px;
border-style: solid;
border-color: White;
}

/* Style for submenus */
.submenu
{
}

/* Style for top items: normal state */
.topItemNormal
{
background-color:Blue;
color:White;
text-decoration: none;
text-transform:none;
font-weight:normal;
FONT-SIZE: 11pt;
FONT-FAMILY: Verdana, Arial;
width:100%;
padding:2px 4px;
}

A: var itemStyles = [

["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver" ],
];
var menuStyles = [
["CSS=topMenu"],
];

The following code is Individual Styles. You can edit them in Deluxe Tuner.

Open your data file, click "Edit Individual Styles..." button on the main window. And create individual item style and individual submenu style. Then you should assign these styles to your items.

See more info about Individual Styles here:
http://deluxe-menu.com/individual-styles-sample.html

Return to Recent Questions

Related:

Sep 02, 2006 - Can I show / hide the javascript floating menu .
Sep 06, 2006 - The alighment of the dropdown menu is off to the right in Firefox...
Sep 11, 2006 - How can I hide my dropdown menu on print?
Sep 11, 2006 - If I use doctype the settings of the submenus in javascript dropdown menu get lost.
Oct 22, 2006 - Why I now have double drag menus and how to correct?
Oct 27, 2006 - In IE 6.0 and Firefox 1.5.0.4, the submenus of my dhtml dropdown menu are not visible
Oct 31, 2006 - Is it possible to use the AXAJ-Like technology and Javascript-API in css pop up menu?
Nov 07, 2006 - The menu appears perfectly in the css menu maker preview screen, but not on the page.
Nov 24, 2006 - How do I make the css submenu appear over the adjoining frame?
Nov 30, 2006 - Does your html menu dropdown have the ability to have small text boxes on it?
Dec 04, 2006 - With the licensed .js files of menu dhtml the status bar on IE shows "Error on page".

Good Responsive Site Maker Program - 2021 Tutorial Effective Web Page Design Tools \| Top HTML Site Builder - 2021 Review \| Exceptional Drag and Drop Web Maker App - Honest Review \| Smart Cheap and Easy Web Page Builder Tools \| Honest Review \| Fine Open Source Website Maker Software \| 2021 Guide \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	AI Website Builder \| Best AI Website Builder \| Free AI Website Builder \| Website Generator AI \| AI web page design generator