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".

30 Killer Free Bootstrap Image Carousel and Gallery Scripts 15 Recommended Website Makers Arranged by Level Of Popularity \| Bootstrap Select Placeholder \| Bootstrap Tabs Styles \| Bootstrap Toggle Tabs \| Bootstrap Panel Body \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	Free AI Website Builder \| AI Website Generator \| AI Website Builder \| AI web design generator \| AI website design generator