Add "pipe" in between menu items.

[Cliff]

I am just starting to build my menu for my site.
Here is a test page. http://www.bloodbanktalk.com/assessments/index.cfm

Two questions.

How can I add a | in between each item?

Also, how can I add a little space in between each of the main menu items?

Thanks.
Cliff

[Ruth]

There is a separator property that you can code in the style section, separatorsize=1;separatorcolor="#yourcolor"; separatorpadding=4; or whatever pixels you want. That would put a separtor and also put some space. There is also a padding property so you can set padding, padding=4; that would put 4px all around the item, top/right/bottom/left which would spread them out. You could also set the itemwidth property in each item, itemwidth=30px; as an example. Padding can also be set as a rawcss item, so that you can set it different sizes for top/bottom right left. The syntax is rawcss="padding=2px 5px 2px 5px"; That would give you padding of 2px top/bottom and 5px right left.

Below my name are some links to help areas, the one for Beginner's Guide gives you information on how to style the menu. It's very basic, but it's a quick read and I do recommend it if this is your first setup of the menu. The bottom links go to the quick reference guides for the different properties you can use in the menu.

Ruth

[Cliff]

There is a separator property that you can code in the style section, separatorsize=1;separatorcolor="#yourcolor"; separatorpadding=4; or whatever pixels you want.

Thanks Ruth, this worked perfectly for what I wanted.