Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:34

Spaces Between Menu Items and CSS properties


Poster: etones
Dated: Wednesday April 7 2004 - 11:23:16 BST

Hi all, I have a couple questions regarding the menu system (which is pretty cool!).

Im using the free/evaluation version if this makes a difference.

1) Is it possible to put a space between each of the top menu items in the menu?

I.e Consider the menu below which is how they are shown as standard.

| Home | Some Menu | Another Menu |

Is it possible todo the following:

| Home | | Some Menu | | Another Menu |

Here a small space has been put between the menu items. Im tryin to make a tabbed window, this would help greatly.

2) Last question. Can CSS be applied to the menu items? Are the menu items at the top just in a table? If so, how do I go about applying a style (i.e. class="some_style) to these?

Thanks so much for your time and help
Taz


Poster: John
Dated: Wednesday April 7 2004 - 14:39:31 BST

Apparently some reading is in order... :)

Yes, spaces can be added. The padding parameter comes to mind, or even good old   - depending on how you're setting up your page.

css is also possible with onclass and offclass.

Assignment for the day - http://www.milonic.com/forum/viewtopic.php?t=2981! :D


Poster: Ruth
Dated: Wednesday April 7 2004 - 14:44:02 BST

Yes as to the css style using class. There is an onclass offclass feature. Go to http://www.milonic.com/ to the support tab on the menu and down to the quick reference guide, you'll see style properties information on that is given there and a lot of other things about css, like onborder etc. If you go here and then click on the next button at the bottom you will see a total color change of the menu to match the page.http://www.poems2u.com/text/index510-t.htm It was done using on/offclass in style definitions, but I've never tried to apply them to one item. As to the space. I'm not really sure I understand, you could set your separator padding for left and right to wider than top and bottom giving a 'space' look, but it wouldnt be a separate space. I belive you could create a 'dummy' item and set its width to x pixels. You'd have to code it so that it didn't react as if it were a link

Code:
aI("text=Search;url=whatever url;status=Search");
aI("text=;url=;pointer=default;itemwidth=whatever");
aI("text=Feedback;url=index.php?page=feedback;status=Feedback");
}
I believe that would work

Ruth


Poster: etones
Dated: Monday April 12 2004 - 22:19:09 BST

Thanks for the replies guys, will mull over it!

Taz


Poster: kevin3442
Dated: Tuesday April 13 2004 - 19:21:39 BST

My two cents... to add the spacing like you diagramed, you might just define a header item (set type=header in the aI() text) between each "real" menu item. The headers would act as your spacers, and you could easily control their width and other style properties.

Kevin