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

List of 15 AI Website Creators and Generators - Reviews, Comparison, Pros & Cons. Best AI website generator and creator - create a website with AI. \| Best Website Builder for Digital Marketing Agencies, Travel Agencies, Interior Designs \| Best AI Website Builder - Create Website Design with AI \| List of 20 AI Code Builders and Generators - Code generated faster with AI. \| AI website builder and generator - AI-driven websites, limitless possibilities . \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	AI Website Builder \| Free AI Website Builder \| AI Website Maker \| AI Website Generator \| AI website design generator