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.
Sep 15, 2006 - Are vertical menus also supported? I don't see any in the javascript menu examples.
Oct 12, 2006 - Can I create a scroll vertical menu on the right side and the subnav popout on the LEFT?
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 10, 2006 - I want to set the status bar messages to another than the link text from the xp menu items?

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.	AI Website Generator \| AI Website Builder \| AI Website Maker \| AI web design generator \| AI web page design generator