PDA

View Full Version : Smooth Navigation Menu- Screen Resolution



sam101
04-18-2011, 03:50 PM
1) Script Title: Smooth Navigational Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

3) Describe problem: How can I control the menu size based on Screen Resolution. Right now i have 1280 X 1024, menu fits in one line. If I do 800 x 600 menu goes in 2 lines. I want menu in one lines regardless of screen resolution. Please help

ddadmin
04-19-2011, 08:05 AM
This is more of a general CSS question actually, as the menu behaves the same way any horizontally oriented list would; there is nothing in the script that alters or gets in the way of that. With that said, there is no clear solution for this. If your menu contains a lot of top level menu items, it may very well just require a 1280x1024 resolution screen to fit them all on one line without creating horizontal scrollbars. If what you're asking is how to force the menu to show up on one line in spite of of horizontal scrollbars appearing, you might try adding the code in red inside ddsmoothmenu.css:


.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
line-wrap:nowrap;
}

Not sure if this will do the trick (if anything), but worth a shot.