Well, after two days, I'm finally throwing it out to the milonic crowd. The menu is beautiful in all browsers/platforms except PC/IE. Not sure how to tweak the code to make the submenu appear directly below the main menu. It's maddening, I tell you!
My URL is: http://www.firecomms.com/test/
I have the main menu code embedded in a table cell on the page, and the submenus are called up in the menu_data.js file.
The main menu code looks like this:
<td align="center" valign="bottom"><SCRIPT TYPE="text/javascript">
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
position="relative";
orientation="horizontal";
style=menuStyle;
aI("status=Back To Home Page;text=HOME ;url=default.aspx;");
aI("showmenu=Products;text=PRODUCTS ;url=products.html");
aI("showmenu=Technology;text=TECHNOLOGY ;url=technology.html");
aI("showmenu=Applications;text=APPLICATIONS ;url=applications.html");
aI("showmenu=About;text=ABOUT US ;url=about-us.html;");
}
drawMenus();
</SCRIPT></td>
The submenu code can be viewed at:
http://www.firecomms.com/test/menu_data.js
PC IE still not working - submenu images half-inch undr main
Hi,
It's the valign='bottom'; in that table cell. To fix it add another table with the menu in it.
So, the table you now have with the logo_firecomms.gif image in the left cell and the menu in the right one would be this:
The valign is now applying to the table in which the menu is, rather than the menu. I think this is an issue with IE, in that it seems to apply such coding, especially css coding, to the menu because the menu is made up of divs, tables, spans etc. But, doing it the way I set it up seems to fix that.
Ruth
It's the valign='bottom'; in that table cell. To fix it add another table with the menu in it.
So, the table you now have with the logo_firecomms.gif image in the left cell and the menu in the right one would be this:
Code: Select all
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width="28%"><A
href="http://websites.milonic.com/firecomms.com/index.html"><IMG height=37
src="logo-firecomms.gif" width=125 vspace=10
border=0></A></TD>
<TD vAlign=bottom align=middle>
<table cellSpacing=0 cellPadding=0 border=0 align='center'>
<tr>
<td>
<SCRIPT type=text/javascript>
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
position="relative";
orientation="horizontal";
style=menuStyle;
aI("status=Back To Home Page;text=HOME ;url=default.aspx;");
aI("showmenu=Products;text=PRODUCTS ;url=products.html");
aI("showmenu=Technology;text=TECHNOLOGY ;url=technology.html");
aI("showmenu=Applications;text=APPLICATIONS ;url=applications.html");
aI("showmenu=About;text=ABOUT US ;url=about-us.html;");
}
drawMenus();
</SCRIPT></td>
</tr>
</table>
</TD></TR></TBODY></TABLE>Ruth
