PDA

View Full Version : Slight change in a Dynamic Drive script?



phunctional
07-13-2006, 11:25 PM
1) Script Title: Pop-it Menu

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

3) Describe problem: Anyway to make the menu display out horizontally, instead of vertically? So the links would basically just line up next to each other, instead of being on a new separate line?

Example of Pop-it Menu:

Main Link
---------
Link 1
Link 2
Link 3

Example of what I want to do:

Main Link
---------
Link1 | Link 2 | Link3

ddadmin
07-14-2006, 04:49 AM
The basic process to changing the pop it menu to a horizontal orientation is simple- just edit the CSS slightly:


#popitmenu a{
"
"
float: left;
}

The line in red is new, and forces the links to appear left to right. That's the basic idea, though you'll also need to make sure the new menu is long enough horizontally to accomodate the links (ie: 600px).

Attached is a simple complete example.