Log in

View Full Version : Drop Down Nav



Mjdulle
01-17-2013, 02:53 PM
I have copied and installed the "jQuery Multi Level CSS Menu #1 (http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_horizontal_blue/).' However I can't get the menu bar to center. Doe anybody have clue on how to center the menue bar. I have tried text-align: center


/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
background: maroon url(tintblue.gif) top center repeat-x;; /*background of tabs (default state)*/
padding: 5px 7px 4px 7px;
margin-right: 3px; /*spacing between tabs*/
border: 1px solid #778;
border-bottom-width: 0;
color: yellow;
text-decoration: none;
text-align: center;
}

This does not work.

I have also tried to insert in other localtion of the code as well.

ddadmin
01-18-2013, 08:25 AM
This script is basically a stripped down version of some of the more robust ones found on DD. It uses CSS floats to create the UI, and hence doesn't easily facilitate centering.

I suggest trying a few of the other more "robust" scripts on DD, such as:

http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/generator.htm (see the "Shade Tabs" example for a tab menu that can be centered easily)
http://www.dynamicdrive.com/dynamicindex1/flexdropdown.htm (a flexible multi level drop down that can be attached to any menu you like. Just create the tab menu interface yourself, and associate drop down menus to each menu item yourself).

Mjdulle
01-18-2013, 03:38 PM
Thank you I will try that tonight and over the weekend. I had a feeling it might be th js. But my js knowledge is not what is should be.