Positioning with CSS
Positioning with CSS
I have been trying to figure out how to position this menu for a long time now. I know that you can position it by the left and top variables; however it looks different across internet browsers. For example I can get it aligned to where I want it in internet explorer and then when I open it up in Firefox it’s out of alignment. I preferably want to position it using css, my entire page is built with css. Can you help me? Thank you for your time.
this works
<div id="header">
<table border="0" width="720" height="93" cellpadding="0" cellspacing="0">
<tr width="100%" align="right">
<td valign="bottom">
<SCRIPT type="text/javascript" src="milonic_src.js"></SCRIPT>
<param copyright="JavaScript Menu by Milonic http://milonic.com"></param>
<script type="text/javascript">
<!--
if(ns4)_d.write("<SCR"+"IPT LANGUAGE=JavaScript SRC=mmenuns4.js><\/SCR"+"IPT>");
else _d.write("<SCR"+"IPT LANGUAGE=JavaScript SRC=mmenudom.js><\/SCR"+"IPT>");
-->
</SCRIPT>
<SCRIPT type="text/javascript" src="menu_data.js"></SCRIPT>
<SCRIPT TYPE="text/javascript">
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
orientation="horizontal";
style=menuStyle;
position="relative";
aI("image=home.jpg;overimage=home.jpg;url=http://www.google.com;");
aI("image=contact.jpg;overimage=contact.jpg;showmenu=CONTACT US;");
aI("image=portfolio.jpg;overimage=portfolio.jpg;showmenu=PORTFOLIO;");
aI("image=mission.jpg;overimage=mission.jpg;showmenu=MISSION STATEMENT;");
}
drawMenus();
</SCRIPT>
</td>
</tr>
</table>
</div>
<div id="header">
<table border="0" width="720" height="93" cellpadding="0" cellspacing="0">
<tr width="100%" align="right">
<td valign="bottom">
<SCRIPT type="text/javascript" src="milonic_src.js"></SCRIPT>
<param copyright="JavaScript Menu by Milonic http://milonic.com"></param>
<script type="text/javascript">
<!--
if(ns4)_d.write("<SCR"+"IPT LANGUAGE=JavaScript SRC=mmenuns4.js><\/SCR"+"IPT>");
else _d.write("<SCR"+"IPT LANGUAGE=JavaScript SRC=mmenudom.js><\/SCR"+"IPT>");
-->
</SCRIPT>
<SCRIPT type="text/javascript" src="menu_data.js"></SCRIPT>
<SCRIPT TYPE="text/javascript">
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
orientation="horizontal";
style=menuStyle;
position="relative";
aI("image=home.jpg;overimage=home.jpg;url=http://www.google.com;");
aI("image=contact.jpg;overimage=contact.jpg;showmenu=CONTACT US;");
aI("image=portfolio.jpg;overimage=portfolio.jpg;showmenu=PORTFOLIO;");
aI("image=mission.jpg;overimage=mission.jpg;showmenu=MISSION STATEMENT;");
}
drawMenus();
</SCRIPT>
</td>
</tr>
</table>
</div>
maybe it works, but it is not as recommended.this works
Please see:
PAGE INTEGRATION OF JS-FILES / SCRIPTS
http://milonic.com/integration.php
Embedding a menu inside a table cell
http://milonic.com/tablemenu.php
this should help
Michael