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!

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

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