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:14
how to make font sizes equal
Poster: vtb
Dated: Tuesday September 2 2003 - 21:25:18 BST
running version 5 on Mozilla 1.3.1 (Win2K) it seems that if a menu item is itself only a URL, then it is bigger than if it is just has a showmenu=subMenu in its aI() string.
If you follow me.
Any workarounds, or am I just being dense again?
Thanks!
Poster: Maz
Dated: Tuesday September 2 2003 - 21:33:39 BST
Sounds like you don't have the same font size, font family or decoration in both menu and submenu styles.
Will need to see your data if you can't find it.
maz
Poster: vtb
Dated: Tuesday September 2 2003 - 22:31:49 BST
OK, this is what I have. Most of it is very familiar no doubt. I'm just cannibalizing the sample and morphing it into what I want. The main point is that every single menu definition says 'style=menuStyle;', yet the top-level menu items that don't point to nested menus, but directly to a URL instead, appear in a larger font size. (I should put this on a public server for demonstration purposes. When I do I'll update this post with a URL). Thanks again.
Code:
_menuCloseDelay=500 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=50 // The time delay before menus open on mouse over
_followSpeed=5 // Follow scrolling speed
_followRate=40 // Follow scrolling Rate
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-10 // Sub menu left offset
_scrollAmount=3 // Only needed for Netscape 4.x
_scrollDelay=20 // Only needed for Netcsape 4.x
with(menuStyle=new mm_style()){
onbgcolor="#4F8EB6";
oncolor="#ffffff";
offbgcolor="#DCE9F0";
offcolor="#515151";
bordercolor="#296488";
borderstyle="solid";
borderwidth=1;
separatorcolor="#2D729D";
separatorsize="1";
padding=5;
fontsize="75%";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="black";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}
var base = '/dev/pub/index.php?page=';
with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=10;
left=10;
alwaysvisible=1;
orientation="horizontal";
aI("text=Vernon;url=http://vernontbludgeon.com/;");
aI("text=Mission;url="+ base + "pub/mission.html;");
aI("text=Policy;showmenu=Policy;url="+base+"pub/*----*.html");
aI("text=Menu Samples;showmenu=Samples;");
aI("text=Milonic;showmenu=Milonic;");
aI("text=Partners;showmenu=Partners;");
aI("text=Links;showmenu=Links;");
aI("text=My Milonic;showmenu=My Milonic;");
}
with(milonic=new menuname("Policy")){
style=menuStyle;
aI("text=SDNY;showmenu=SDNY Policy");
aI("text=Federal Courts;showmenu=Federal Courts");
}
with(milonic=new menuname("SDNY Policy")){
style=menuStyle;
aI("text=Boink;url=#");
aI("text=Doink;url=#");
}
with(milonic=new menuname("Federal Courts")){
style=menuStyle;
aI("text=Interpreter Program;url="+ base+ "pub/fed_interp_prog.html");
aI("text=Oath;url="+ base + "pub/oath.html" );
}
with(milonic=new menuname("Samples")){
style=menuStyle;
overflow="scroll";
aI("text=Horizontal Navigation Bar;url=menusample.php?sampleid=1;");
aI("text=Vertical Navigation Bar;url=menusample.php?sampleid=2;");
aI("text=Static HTML Object Based;url=menusample.php?sampleid=3;");
aI("text=Image Map Sample;url=menusample.php?sampleid=4;");
aI("text=Multiple Styles;url=menusample.php?sampleid=5;");
aI("text=Multiple Properties;url=menusample.php?sampleid=6;");
aI("text=Multiple Colors;url=menusample.php?sampleid=7;");
aI("text=Menu Items as Headers;url=menusample.php?sampleid=8;");
aI("text=Relative Positioning (Table Bound);url=menusample.php?sampleid=9;");
aI("text=Follow Scrolling;url=menusample.php?sampleid=10;");
aI("text=Opening Windows & Frames;url=menusample.php?sampleid=11;");
aI("text=XP Style;url=menusample.php?sampleid=12;");
aI("text=Windows 98 Style;url=menusample.php?sampleid=13;");
aI("text=Windows 3.1 Style;url=menusample.php?sampleid=14;");
aI("text=Activating MouseOver & MouseOut Functions;url=menusample.php?sampleid=15;");
aI("text=Static Images Sample;url=menusample.php?sampleid=16;");
aI("text=RollOver Images;url=menusample.php?sampleid=17;");
aI("text=All Images;url=menusample.php?sampleid=18;");
aI("text=Images as Menu Backgrounds;url=menusample.php?sampleid=19;");
aI("text=Background Menu Item Images;url=menusample.php?sampleid=20;");
}
with(milonic=new menuname("Milonic")){
style=menuStyle;
aI("text=Product Purchasing Page;url=http://www.milonic.co.uk/cbuy.php;");
aI("text=Contact Us;url=http://www.milonic.co.uk/contactus.php;");
aI("text=Newsletter Subscription;url=http://www.milonic.co.uk/newsletter.php;");
aI("text=FAQ;url=http://www.milonic.co.uk/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.co.uk/forum/;");
aI("text=Software License Agreement;url=http://www.milonic.co.uk/license.php;");
aI("text=Privacy Policy;url=http://www.milonic.co.uk/privacy.php;");
}
with(milonic=new menuname("Partners")){
style=menuStyle;
aI("text=(aq) Web Hosting;url=http://www.a-q.co.uk/;status=(aq) Web Server Hosting & Services;");
aI("text=SMS 2 Email;url=http://www.sms2email.com/;");
aI("text=WebSmith;url=websmith;");
}
with(milonic=new menuname("Links")){
style=menuStyle;
aI("text=Apache Web Server;url=http://www.apache.org/;status=Apache Web Server, the basis of Milonic's Web Site;");
aI("text=MySQL Database Server;url=http://ww.mysql.com/;status=MySQL, Milonic's Prefered Choice of Database Server;");
aI("text=PHP - Development;url=http://www.php.net/;status=PHP - Web Server Scripting as used by Milonic;");
aI("text=phpBB Web Forum System;url=http://www.phpbb.net/;status=PHP Based Web Forum, Milonic's Recommended Forum Software;");
aI("text=Anti Spam Tools;showmenu=Anti Spam;status=Anti Spam Solutions, as used by Milonic;");
}
with(milonic=new menuname("Anti Spam")){
style=menuStyle;
aI("text=Spam Cop;url=http://www.spamcop.net/;");
aI("text=Mime Defang;url=http://www.mimedefang.org/;");
aI("text=Spam Assassin;url=http://www.spamassassin.org/;");
}
with(milonic=new menuname("My Milonic")){
style=menuStyle;
margin=20;
aI("text=Login;url=http://www.milonic.co.uk/login.php;");
aI("text=Licenses;url=http://www.milonic.co.uk/mylicenses.php;");
aI("text=Invoices;url=http://www.milonic.co.uk/myinvoices.php;");
aI("text=Make Support Request;url=http://www.milonic.co.uk/reqsupport.php;");
aI("text=View Support Requests;url=http://www.milonic.co.uk/mysupport.php;");
aI("text=Your Details;url=http://www.milonic.co.uk/mydetails.php;");
}
drawMenus();
_menuOpenDelay=50 // The time delay before menus open on mouse over
_followSpeed=5 // Follow scrolling speed
_followRate=40 // Follow scrolling Rate
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-10 // Sub menu left offset
_scrollAmount=3 // Only needed for Netscape 4.x
_scrollDelay=20 // Only needed for Netcsape 4.x
with(menuStyle=new mm_style()){
onbgcolor="#4F8EB6";
oncolor="#ffffff";
offbgcolor="#DCE9F0";
offcolor="#515151";
bordercolor="#296488";
borderstyle="solid";
borderwidth=1;
separatorcolor="#2D729D";
separatorsize="1";
padding=5;
fontsize="75%";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="black";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}
var base = '/dev/pub/index.php?page=';
with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=10;
left=10;
alwaysvisible=1;
orientation="horizontal";
aI("text=Vernon;url=http://vernontbludgeon.com/;");
aI("text=Mission;url="+ base + "pub/mission.html;");
aI("text=Policy;showmenu=Policy;url="+base+"pub/*----*.html");
aI("text=Menu Samples;showmenu=Samples;");
aI("text=Milonic;showmenu=Milonic;");
aI("text=Partners;showmenu=Partners;");
aI("text=Links;showmenu=Links;");
aI("text=My Milonic;showmenu=My Milonic;");
}
with(milonic=new menuname("Policy")){
style=menuStyle;
aI("text=SDNY;showmenu=SDNY Policy");
aI("text=Federal Courts;showmenu=Federal Courts");
}
with(milonic=new menuname("SDNY Policy")){
style=menuStyle;
aI("text=Boink;url=#");
aI("text=Doink;url=#");
}
with(milonic=new menuname("Federal Courts")){
style=menuStyle;
aI("text=Interpreter Program;url="+ base+ "pub/fed_interp_prog.html");
aI("text=Oath;url="+ base + "pub/oath.html" );
}
with(milonic=new menuname("Samples")){
style=menuStyle;
overflow="scroll";
aI("text=Horizontal Navigation Bar;url=menusample.php?sampleid=1;");
aI("text=Vertical Navigation Bar;url=menusample.php?sampleid=2;");
aI("text=Static HTML Object Based;url=menusample.php?sampleid=3;");
aI("text=Image Map Sample;url=menusample.php?sampleid=4;");
aI("text=Multiple Styles;url=menusample.php?sampleid=5;");
aI("text=Multiple Properties;url=menusample.php?sampleid=6;");
aI("text=Multiple Colors;url=menusample.php?sampleid=7;");
aI("text=Menu Items as Headers;url=menusample.php?sampleid=8;");
aI("text=Relative Positioning (Table Bound);url=menusample.php?sampleid=9;");
aI("text=Follow Scrolling;url=menusample.php?sampleid=10;");
aI("text=Opening Windows & Frames;url=menusample.php?sampleid=11;");
aI("text=XP Style;url=menusample.php?sampleid=12;");
aI("text=Windows 98 Style;url=menusample.php?sampleid=13;");
aI("text=Windows 3.1 Style;url=menusample.php?sampleid=14;");
aI("text=Activating MouseOver & MouseOut Functions;url=menusample.php?sampleid=15;");
aI("text=Static Images Sample;url=menusample.php?sampleid=16;");
aI("text=RollOver Images;url=menusample.php?sampleid=17;");
aI("text=All Images;url=menusample.php?sampleid=18;");
aI("text=Images as Menu Backgrounds;url=menusample.php?sampleid=19;");
aI("text=Background Menu Item Images;url=menusample.php?sampleid=20;");
}
with(milonic=new menuname("Milonic")){
style=menuStyle;
aI("text=Product Purchasing Page;url=http://www.milonic.co.uk/cbuy.php;");
aI("text=Contact Us;url=http://www.milonic.co.uk/contactus.php;");
aI("text=Newsletter Subscription;url=http://www.milonic.co.uk/newsletter.php;");
aI("text=FAQ;url=http://www.milonic.co.uk/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.co.uk/forum/;");
aI("text=Software License Agreement;url=http://www.milonic.co.uk/license.php;");
aI("text=Privacy Policy;url=http://www.milonic.co.uk/privacy.php;");
}
with(milonic=new menuname("Partners")){
style=menuStyle;
aI("text=(aq) Web Hosting;url=http://www.a-q.co.uk/;status=(aq) Web Server Hosting & Services;");
aI("text=SMS 2 Email;url=http://www.sms2email.com/;");
aI("text=WebSmith;url=websmith;");
}
with(milonic=new menuname("Links")){
style=menuStyle;
aI("text=Apache Web Server;url=http://www.apache.org/;status=Apache Web Server, the basis of Milonic's Web Site;");
aI("text=MySQL Database Server;url=http://ww.mysql.com/;status=MySQL, Milonic's Prefered Choice of Database Server;");
aI("text=PHP - Development;url=http://www.php.net/;status=PHP - Web Server Scripting as used by Milonic;");
aI("text=phpBB Web Forum System;url=http://www.phpbb.net/;status=PHP Based Web Forum, Milonic's Recommended Forum Software;");
aI("text=Anti Spam Tools;showmenu=Anti Spam;status=Anti Spam Solutions, as used by Milonic;");
}
with(milonic=new menuname("Anti Spam")){
style=menuStyle;
aI("text=Spam Cop;url=http://www.spamcop.net/;");
aI("text=Mime Defang;url=http://www.mimedefang.org/;");
aI("text=Spam Assassin;url=http://www.spamassassin.org/;");
}
with(milonic=new menuname("My Milonic")){
style=menuStyle;
margin=20;
aI("text=Login;url=http://www.milonic.co.uk/login.php;");
aI("text=Licenses;url=http://www.milonic.co.uk/mylicenses.php;");
aI("text=Invoices;url=http://www.milonic.co.uk/myinvoices.php;");
aI("text=Make Support Request;url=http://www.milonic.co.uk/reqsupport.php;");
aI("text=View Support Requests;url=http://www.milonic.co.uk/mysupport.php;");
aI("text=Your Details;url=http://www.milonic.co.uk/mydetails.php;");
}
drawMenus();
hmmmm (quest for equal point sizes cont'd)
Poster: vtb
Dated: Tuesday September 2 2003 - 22:41:15 BST
a couple of hacks seem to correct this thing that I think of as a problem. one is comment out (or delete) the line fontsize="75%" in the style definition; the other is set it to an absolute value, e.g., fontsize=10pt
thanks again
Poster: Maz
Dated: Tuesday September 2 2003 - 23:55:45 BST
This is from my xpmenu_data.js
See the top is the main menu and below you have submenu style.
Code:
with(XPMainStyle=new mm_style()){
onbgcolor="#C1D2EE";
oncolor="#000000";
offbgcolor="#EFEDDE";
offcolor="#000000";
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
separatorcolor="#EFEDDE";
separatorsize="2";
padding=3;
fontsize="75%";
fontstyle="normal";
fontweight="normal";
fontfamily="Tahoma,Helvetica,Verdana";
subimagepadding="2";
onborder="1px solid #316AC5";
offborder="1px solid #cccccc";
}
with(XPMenuStyle=new mm_style()){
onbgcolor="#C1D2EE";
oncolor="#000000";
offbgcolor="transparent";
offcolor="#000000";
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
separatorcolor="#8A867A";
separatorpadding="2";
separatoralign="right";
separatorwidth="80%";
padding=3;
fontsize="75%";
fontstyle="normal";
fontweight="normal";
fontfamily="Tahoma,Helvetica,Verdana";
image="xpblank.gif";
subimage="arrow.gif";
onborder="1px solid #316AC5";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}
onbgcolor="#C1D2EE";
oncolor="#000000";
offbgcolor="#EFEDDE";
offcolor="#000000";
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
separatorcolor="#EFEDDE";
separatorsize="2";
padding=3;
fontsize="75%";
fontstyle="normal";
fontweight="normal";
fontfamily="Tahoma,Helvetica,Verdana";
subimagepadding="2";
onborder="1px solid #316AC5";
offborder="1px solid #cccccc";
}
with(XPMenuStyle=new mm_style()){
onbgcolor="#C1D2EE";
oncolor="#000000";
offbgcolor="transparent";
offcolor="#000000";
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
separatorcolor="#8A867A";
separatorpadding="2";
separatoralign="right";
separatorwidth="80%";
padding=3;
fontsize="75%";
fontstyle="normal";
fontweight="normal";
fontfamily="Tahoma,Helvetica,Verdana";
image="xpblank.gif";
subimage="arrow.gif";
onborder="1px solid #316AC5";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}
You only have main menu style, so you are getting a different style on the submenu.
Regards
maz
Poster: Hergio
Dated: Wednesday September 3 2003 - 3:01:52 BST
Shes always using the same style so it would be the same. Do you have any CSS files linked into the page that change the way your <a> tags look?
Also comment out the header attributes in your style since you never use them, if you did you would have items that say type=header
Stick with fontsize set to ??px and not pt. Hard coded pixels you have alot tighter control over their EXACT size.
Poster: vtb
Dated: Wednesday September 3 2003 - 3:51:08 BST
Hergio wrote:
Shes always using the same style so it would be the same.
So it seemed to me, too. I was starting to get more confused
Hergio wrote:
Do you have any CSS files linked into the page that change the way your <a> tags look?
No, not yet. Good point though -- I'll keep it in mind
Hergio wrote:
Also comment out the header attributes in your style since you never use them, if you did you would have items that say type=header Stick with fontsize set to ??px and not pt. Hard coded pixels you have alot tighter control over their EXACT size.
OK. Though it's nice if the user is using a browser that lets her/him increase/decrease the font size at will. I wonder if pixels (as opposed to points) defeats that in any browsers.