Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
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:43
PC IE still not working - submenu images half-inch undr main
Poster: Ronni
Dated: Tuesday January 30 2007 - 0:37:26 GMT
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
Poster: Ruth
Dated: Tuesday January 30 2007 - 2:06:05 GMT
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:
Code:
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width="28%"><A
href="http://www.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>
<TBODY>
<TR>
<TD align=middle width="28%"><A
href="http://www.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>
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
Thanks!
Poster: Ronni
Dated: Tuesday January 30 2007 - 2:22:37 GMT
Ruth, you are nothing short of a goddess! Thanks for the help - you solved the problem and I appreciate it!!
