separatorheight not work with doctype

Sigi · Post by **Sigi** » Wed May 18, 2005 6:58 am

Hi

I have a Problem with separatorheight und Doctype this not work when I set the

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="de">

or

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>

I have this tested with the sample menu_sample1_ver5_723

-------------------------------------------- index.htm ------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<head>
<title>Milonic DHTML/JavaScript Menu Sample Page</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<style type="text/css">
BODY{
FONT-FAMILY:verdana;
font-size:12px;
background-color:#FFFFFF;
}

.backG {
FONT-FAMILY:verdana;
background-color:#93c39b;
color:#ffffff;
border-bottom:#538c4d 2px solid;
font-size:12px;
}
td.form1
{
FONT-FAMILY:verdana;
background:#eaeaea;
font-size:12px;
}

</style>
</head>

<body>




<script type="text/javascript" src="milonic_src.js"></script>
<a class=milonic href="http://milonic.com/">JavaScript DHTML Popup Menus From Milonic.com</a>
<script type="text/javascript">
if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>");
</script>
<script type="text/javascript" src="menu_data.js"></script>

 
 
 
 
 
 
 
 
 

<HR>
Links to other menu demos are:
<ul>
<li><a href=extras/listbased/index.htm>DHTML Menu based on HTML Lists</a></li>
<li><a href=extras/frames/index.htm>Frames based menu for version 5.0</a></li>
<li><a href=extras/php/index.php>Menu built using PHP - You'll need PHP for this</a></li>
<li><a href=extras/xml/index.php>Menu built using XML - You'll need PHP for this</a></li>

</ul>

<HR>


Please note that users of Microsoft Windows XP with Service Pack 2 will need to unblock this page in order to see the menu.
The reason for this is due to the fact that the menu has been written in JavaScript.
This feature is considered unsafe when used locally and Service Pack 2 now blocks this by default for your safety.
This only happens when you run the menu on a local machine, live use on the Internet will not be affected.
Milonic Solutions Ltd assure you that there is absolutely no danger of allowing content from the DHTML Menu provided it has been downloaded from http://milonic.com
 
 

For instructions on removing the forced popup message, please visit <a href=http://milonic.com/removelink.php>h ... ink.php</a>

 
 
For information on menu properties, please see <a href=http://milonic.com/menuproperties.p ... ies.php</a> 
For information on menu item properties, please see <a href=http://milonic.com/itemproperties.p ... ies.php</a> 
For information on style properties, please see <a href=http://milonic.com/styleproperties. ... ies.php</a> 
 
Installation instructions - <a href=install.txt>install.txt</a> 
How to build menus - <a href=howtobuild.txt>howtobuild.txt</a> 
Read Me - <a href=readme.txt>readme.txt</a> 
License Details - <a href=license.txt>license.txt</a> 

 
 
 
<table cellSpacing=0 cellPadding=13 border=0 style="border:1px solid #aaaaaa">
<tr>
<td class=backG align=center>
Plain Text Horizontal Style DHTML Menu Bar</td>
</tr>

<tr>
<td class=form1>
The Plain Text Horizontal Style DHTML Menu Bar is probably the most common of
all the Milonic DHTML/JavaScript menus and is one that probably will be used the most
frequently.
The Plain Text Horizontal Style DHTML Menu Bar is added to the web page completely independent of all other HTML objects and
can be positioned on the page in a number of ways. This menu
consists solely of text with only the addition of a small arrow image
to denote that a sub menu is available.
Absolute positioning for this menu is achieved by setting a Top & Left
value in the data file. This will position the menu in exactly
the same location on all web browsers. 

If you need to position the menu relative to other HTML objects or
relative to page dimensions, you can use one of the many menu
positioning techniques that are built into the Milonic DHTML Menu.
You can also declare the main menus position as "relative"
with the "position" parameter. All of the
parameters for menus must be entered after the menus 
with(milonic=new menuname("menuname")){ declaration and
before any menu items have been declared. For more details on menu
properties, please visit the menu properties page here: <a class=link href="http://milonic.com/menuproperties.php">Menu Properties Quick Reference</a>
The "screenposition" parameter will set the menu to one of 3 vertical
and/or one of 3 horizontal positions. left, center, right
or top, middle, bottom as can be seen in the 
<a class="link" href="http://milonic.com/menusample23.php">Menu Positioning With Offsets</a> sample
menu. You can also combine
a horizontal position with a vertical position. for example
screenposition="center;middle"; will position the menu in the center of your
page and keep it there, even if the user resizes the browser window. Please note the use of semi colons to separate the 2
properties. Additional tweaking of the position can be achieved by
using offsets. These are declared for the top & left properties. All
offsets must be enclosed inside quotes and the syntax is 
left="offset=-100"; or top="offset=200"; an
example of a menu that has a screen position of center with a left
offset is as follows:with(milonic=new menuname("Main
Menu")){ 
alwaysvisible=1; 
screenposition="center"; 
left="offset=-100"; 
style=menuStyle; 
aI("text=Home;url=http://milonic.com/;"); 
aI("showmenu=Samples;text=Menu Samples;"); 
aI("showmenu=Milonic;text=Milonic;"); 
aI("showmenu=Partners;text=Partners;"); 
}In
order to set the position of the menu to relative, you will need to
declare a position of "relative" within the menu parameter area with
position="relative"; This will allow you to
embed the menu inside a table cell or within the natural flow of the
document. Please note that table based menus will need to have the
sub menus built outside the table cell to allow for 100% browser
compatibility. Internet Explorer for the Apple Mac will have trouble
unless the steps found here
<a class=link href="http://milonic.com/tablemenu.php">tablemenu.php</a> are
not adhered to.Samples of even more positioning can be found on the following
menu samples <a class=link href="http://milonic.com/menusample9.php">Attached to a Table Cell</a> and <a class=link href="http://milonic.com/menusample23.php">Positioned with Offsets</a></td>
</td>
</tr>

</table>

</body>
</html>

--------------------- menu_data.js ---------------------------
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;

with(menuStyle=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="12px";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#eeeeee";
offcolor="#000000";
onbgcolor="#ddffdd";
oncolor="#000099";
//outfilter="randomdissolve(duration=0.3)";
//overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
//separatorcolor="#999999";
//separatorsize=1;
//subimage="arrow.gif";
//subimagepadding=2;
separatorheight="12px";
separatorsize=4;

}

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=10;
orientation="horizontal";
style=menuStyle;
top=10;
aI("status=Back To Home Page;text=Home;url=http://milonic.com/;");
aI("showmenu=Samples;text=Menu Samples;");
aI("showmenu=Milonic;text=Milonic;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Links;text=Links;");
aI("showmenu=MyMilonic;text=My Milonic;");
}

with(milonic=new menuname("Samples")){
overflow="scroll";
style=menuStyle;
aI("text=Plain Text Horizontal Style DHTML Menu Bar;url=http://milonic.com/menusample1.php;")
aI("text=Vertical Plain Text Menu;url=http://milonic.com/menusample2.php; ... on=showtip('Another common sample This time, the sub menus are opened from a vertical main menu') ;")
aI("text=All Horizontal Menus;url=http://milonic.com/menusample25.php ... on=showtip('If space is limited, this menu sample shows how to open sub-menus in a horizontal orientation') ;")
aI("text=Using The Popup Menu Function Positioned by Images;url=http://milonic.com/menusample24.php ... on=showtip('The popup function can also open menus based on mouse action but also positioned relative to an image') ;")
aI("text=Classic XP Style Menu;url=http://milonic.com/menusample82.php;")
aI("text=XP Style;url=http://milonic.com/menusample86.php;")
aI("text=XP Taskbar Style Menu;url=http://milonic.com/menusample83.php;")
aI("text=Office XP Style Menu;url=http://milonic.com/menusample47.php;")
aI("text=Office 2003 Style Menu;url=http://milonic.com/menusample46.php;")
aI("text=Apple Mac Style Menu;url=http://milonic.com/menusample72.php;")
aI("text=Amazon Style Tab Menu;url=http://milonic.com/menusample74.php;")
aI("text=Milonic Home Menu;url=http://milonic.com/menusample78.php;")
aI("text=Windows 98 Style Menu;url=http://milonic.com/menusample13.php ... on=showtip('The Microfost Windows 98 3D look & feel can be acheived by adding high and low 3D colors to your menu styles') ;")
aI("text=Multiple Styles Menu;url=http://milonic.com/menusample5.php; ... on=showtip('Demonstrating how to declare properties using different menu styles. Separate styles can be declared for each menu ora style can be used globally for every menu') ;")
aI("text=Multi Colored Menu Items;url=http://milonic.com/menusample80.php;")
aI("text=Multi Colored Menus Using Styles;url=http://milonic.com/menusample7.php; ... on=showtip('') ;")
aI("text=Multi Tab;url=http://milonic.com/menusample50.php;")
aI("text=Tab Top;url=http://milonic.com/menusample52.php;")
aI("text=Multi Columns;url=http://milonic.com/menusample73.php;")
aI("text=100% Width Span Menu;url=http://milonic.com/menusample26.php ... on=showtip('Spanning the menu to 100% of the browser width will allow for the menu to become a page separator') ;")
aI("text=Follow Scrolling Style Menu;url=http://milonic.com/menusample10.php ... on=showtip('Keeping the menu available at all times no matter where your user has scrolled to, can be acheived by setting the followscroll property for your main menu') ;")
aI("text=Menu Positioning With Offsets;url=http://milonic.com/menusample23.php ... on=showtip('Setting the position of menus using screenposition is a handy way of ensuring that your menus will always be centered or positioned exactly how you need') ;")
aI("text=Table Based (Relative) Menus;url=http://milonic.com/menusample9.php; ... on=showtip('Positioning menus relative to your web pages flow can be acheived by setting the menu style property position to relative') ;")
aI("text=Opening Windows and Frames with the Menu;url=http://milonic.com/menusample11.php ... on=showtip('Opening links in other windows or other frames is easy by using the target menu item property.') ;")
aI("text=Menus Over Form Selects, Flash and Java Applets;url=http://milonic.com/menusample14.php ... on=showtip('Older browsers have a problem with form objects and other HTML objects that naturally sit higher in the browser layer hiding the menu. The workaround fr this is to use DIV hiding') ;")
aI("text=Activating Functions on Mouseover;url=http://milonic.com/menusample15.php ... on=showtip('onfunction, offfunction and clickfunction are built in features that allow you to add custom JavaScript to several menu events') ;")
aI("text=Drag Drop Menus;url=http://milonic.com/menusample22.php ... on=showtip('By setting your menus type to be draggable this will allow for your users to move main menus by drag and drop') ;")
aI("text=Menus with Header Type Items;url=http://milonic.com/menusample8.php; ... on=showtip('If you need to separate blocks of menu items within a single menu, Headers are a handy way of segragating your menu items') ;")
aI("text=Right To Left Openstyle;url=http://milonic.com/menusample65.php;")
aI("text=Up Openstyle Featuring Headers;url=http://milonic.com/menusample33.php;")
aI("text=DHTML Menus and Tooltips;url=http://milonic.com/menusample6.php; ... on=showtip('Tooltips are a handy way of adding more information informing the user how to navigate your website or use your application incorporating the menu') ;")
aI("text=Unlimited Level Menus Example;url=http://milonic.com/menusample67.php;")
aI("text=Context Right Click Menu;url=http://milonic.com/menusample27.php ... on=showtip('Context menus are easily configured with the Milonic DHTML Menu. No special requirements are needed Except for a small custom JavaScript module') ;")
aI("text=Menus built entirely from images;url=http://milonic.com/menusample18.php ... on=showtip('If you prefer to build your menus completely from images this is easily possible, let the menu take care of your images.') ;")
aI("text=Static Images Sample;url=http://milonic.com/menusample16.php ... on=showtip('Inserting images inside menus is made easy with the use of the image property for menu items') ;")
aI("text=Rollover Swap Images Sample;url=http://milonic.com/menusample17.php ... on=showtip('Swaping images on mouse over can be acheived by setting the image and onimage properties for your menu items') ;")
aI("text=Background Item Images;url=http://milonic.com/menusample20.php ... on=showtip('Each menu item can have its own background image. Text can be overlaid meaning you only need to build and download one image') ;")
aI("text=Background Image Buttons;url=http://milonic.com/menusample89.php;")
aI("text=Menu Background Images;url=http://milonic.com/menusample76.php;")
aI("text=Creating Texture with Menu Background Images;url=http://milonic.com/menusample19.php ... on=showtip('Adding a background image to your menus can vastly improve the apperance of otherwise dull backgrounds.') ;")
aI("text=Static Background Item Images;url=http://milonic.com/menusample71.php;")
aI("text=Vertical Static Background Item Images;url=http://milonic.com/menusample87.php;")
aI("text=World Map Sample;url=http://milonic.com/menusample92.php;")
aI("text=US Map Sample;url=http://milonic.com/menusample91.php;")
aI("text=Image Map Sample;url=http://milonic.com/menusample4.php; ... on=showtip('Image maps can be used to open menus using the popup function based on the HTML object AREA') ;")
aI("text=Rounded Edges Imperial Style;url=http://milonic.com/menusample21.php ... on=showtip('Including rounded edges to menus') ;")
aI("text=Corporation;url=http://milonic.com/menusample40.php;")
aI("text=International;url=http://milonic.com/menusample70.php;")
aI("text=Clean;url=http://milonic.com/menusample32.php;")
aI("text=3D Gradient Block;url=http://milonic.com/menusample57.php;")
aI("text=Descreet;url=http://milonic.com/menusample42.php;")
aI("text=Agriculture;url=http://milonic.com/menusample41.php;")
aI("text=Breeze;url=http://milonic.com/menusample29.php;")
aI("text=Chart;url=http://milonic.com/menusample66.php;")
aI("text=Cartoon;url=http://milonic.com/menusample77.php;")
aI("text=Start Button Menu;url=http://milonic.com/menusample69.php;")
aI("text=Tramline;url=http://milonic.com/menusample54.php;")

}

with(milonic=new menuname("Milonic")){
style=menuStyle;
aI("text=Product Purchasing Page;url=http://milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://milonic.com/contact.php;");
aI("text=Newsletter Subscription;url=http://milonic.com/newsletter.php;");
aI("text=FAQ;url=http://milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://forum.milonic.com/;");
aI("text=Software License Agreement;url=http://milonic.com/license.php;");
aI("text=Privacy Policy;url=http://milonic.com/privacy.php;");
}

with(milonic=new menuname("Partners")){
style=menuStyle;
aI("status=(aq) Web Server Hosting & Services;text=(aq) Web Hosting;url=http://www.a-q.co.uk/;");
aI("text=WebSmith;url=websmith;");
aI("text=SMS 2 Email;url=http://www.sms2email.com/;");
}

with(milonic=new menuname("Links")){
style=menuStyle;
aI("status=Apache Web Server, the basis of Milonic's Web Site;text=Apache Web Server;url=http://www.apache.org/;");
aI("status=MySQL, Milonic's Prefered Choice of Database Server;text=MySQL Database Server;url=http://ww.mysql.com/;");
aI("status=PHP - Web Server Scripting as used by Milonic;text=PHP - Development;url=http://www.php.net/;");
aI("status=PHP Based Web Forum, Milonic's Recommended Forum Software;text=phpBB Web Forum System;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;status=Anti Spam Solutions, as used by Milonic;text=Anti Spam Tools;");
}

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("MyMilonic")){
style=menuStyle;
aI("text=Login;url=http://milonic.com/login.php;");
aI("text=Licenses;url=http://milonic.com/mylicenses.php;");
aI("text=Invoices;url=http://milonic.com/myinvoices.php;");
aI("text=Make Support Request;url=http://milonic.com/reqsupport.php;");
aI("text=View Support Requests;url=http://milonic.com/mysupport.php;");
aI("text=Your Details;url=http://milonic.com/mydetails.php;");
}

drawMenus();

thanks sigi

Post by **John** » Wed May 18, 2005 3:36 pm

You say you have a problem, but you don't say exactly what that problem is. What is happening or not happening?

Also, please always use the [code][/code] tags when posting code.

Post by **Andy** » Tue May 31, 2005 1:20 pm

Hi,

Should see a fix for this in version 5.275 due out soon.

Pre release is already available at http://milonic.com/menuvinfo.php

hope this helps,
Andy