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:16

Separatorstyle?


Poster: stevvi
Dated: Friday February 3 2006 - 6:28:25 GMT

Hi,

Apologies if this has been answered b4 but is there something like "separatorstyle" property that does the same as borderstyle but for separators (obviously!). If anyone can point me in the right direction it would be greatly appreciated.

Thanx


Poster: Migru
Dated: Friday February 3 2006 - 13:54:33 GMT

Hi

have a look:


Quote:
separatorimage Allows a custom separatorimage to be used instead of a standard separator line. This feature will only have an effect if the separator width or height has been declared.
Example: separatorimage='dots.gif';


Please see

http://www.milonic.com/styleproperties.php

everything on "separator properties"


Michael


Poster: stevvi
Dated: Friday February 3 2006 - 16:15:31 GMT

Thanx for the reply. Is there any way to do it without using an image? It seems that IE and Firefox render a dotted menu border in different ways, so if I use a dotted image then it will have to be different from the menu border in one of the browsers. I assume that if it can be done in CSS then the "seperatorstyle" would be the same as the borderstyle in each browser (if that makes sense!).
Thanx.


Poster: Ruth
Dated: Friday February 3 2006 - 17:22:30 GMT

Hi,

If you could put up a page and give us a detailed description of what you want we might be able to figure out what's going on.

So you know, there are two 'borders' in the menu. There is borderwidth, borderstyle, bordercolor which is a border that goes around the whole menu, then there is off and onborder which puts borders around each item.

There's a beginners' demo about borders and also one about css styling with examples


http://support.milonic.com/beginners/borders.htm

http://support.milonic.com/beginners/css_styling/

Ruth


Poster: Migru
Dated: Friday February 3 2006 - 17:46:10 GMT

Hi Ruth

yes it is correct, "separators" "margins" and "borders" are certainly frequently confused with each other. (So was my personal experience too!!!)


Michael


Poster: stevvi
Dated: Friday February 3 2006 - 17:48:01 GMT

Please can you take a look at http://c8.com/site

As is evident, the separators on the submenus are solid whereas the borders are dotted. What I want is dotted submenu separators.

Thanx


Poster: Ruth
Dated: Friday February 3 2006 - 21:41:13 GMT

Hi,

To get what you want, make borderwidth=0; makes separatorsize=0; add separatorpadding=2; or however much you want, then add offborder=1px dotted #002389. This will put a border around each individual submenu item and none around the whole outside of the menu. Or, as Michael mentioned, you'll have to use images.

Ruth


Poster: stevvi
Dated: Saturday February 4 2006 - 4:20:54 GMT

Thanx for the reply. Your solution almosts works but gives a double width "separator" due to the item borders being side by side. If there is no other solution (other than using images) do you think it's worth contacting Milonic about this as it must be very simple to sort the code to allow for a "separatorstyle"?


Poster: Ruth
Dated: Saturday February 4 2006 - 8:43:27 GMT

Hi,

stevvi wrote:
...as it must be very simple to sort the code to allow for a "separatorstyle"?


I'm not so sure about that, after all it's a program that is designed to work in different browsers across different platforms and to have all the various things interact with each other. It might only be some minor thing, or it might take having to make a lot of changes in a lot of areas. Besides, you can do now what you want using css classes. You can do a lot with css classes to style menus.

Create two classes, name them what you want

Code:
.bordr{
   border-top:0px dotted #002389;border-right:0px dotted #002389;
   border-bottom:1px dotted #002389;border-left:0px dotted #002389;}
   .bordr1{
   border:0px dotted #002389;}


Eliminate the separatorsize and separatorcolor from the menuStyle, add a call for offclass="bordr";onclass="bordr"; . Note that in the menuStyle you are only calling the .bordr class I created. Now, in the last item of each submenu place a call for the bordr1 class, that's to eliminate the item border totally since the last item doesn't have a separator and you don't want the dotted border around that item. The menu border will be there.

Code:
aI("text=Who we are;showmenu=Who we are;offclass=bordr1;onclass=bordr1;");


I tested this in IE, NN, FF, Opera.

Ruth


Poster: stevvi
Dated: Saturday February 4 2006 - 14:39:57 GMT

Ruth,

Many thanx for your time and effort. I'll get the css sorted as soon as I get the time!

As for this being sorted in the menu code... if they can do the border in the code they must be able to do the separator, I guess.


Poster: Ruth
Dated: Saturday February 4 2006 - 18:01:07 GMT

Hi,

Milonic listens to all suggestions and does what it can. It's amazing what they have done with this menu.

Just remember it may not be as easy as you think. Just because border and borderstyle exist doesn't mean that you can apply that to separator. Those things are css and have existing standards which the browsers use, more or less, so the menu doesn't have to do anything with regard that. Separator is not a css property so whatever got done with it has to be done in the programming of the menu, across browsers and os.

Ruth