Menu in Table Shift right

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:48

Menu in Table Shift right

Poster: hklollipopgirl
Dated: Saturday November 18 2006 - 2:04:03 GMT

I knew this had been asked and I tried all the solutions but my menu still shifted right instead of right under the header picture...

Code:

<html>
<head>
<title></title>


</head>

<body>
<SCRIPT type="text/javascript" src="milonic_src.js"></SCRIPT> 
<noscript><a href="http://www.milonic.com/">DHTML Menu JavaScript Menu Powered by Milonic</a></noscript> 
<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> 
 


<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="head.jpg" align="center"></td>
  </tr>
</table>


<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="700" align="center"><div align="center">


<td align="center">   

   
            <SCRIPT TYPE="text/javascript">
             with(milonic=new menuname("Main Menu")){
style=menuStyle;
alwaysvisible=1;
orientation="horizontal";
position="relative"; 
itemwidth="100%"; 
menuwidth="100%";
aI("text=Home;url=http://www.milonic.com/;status=Back To Home Page;");
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;");
}
drawMenus();
           

</SCRIPT>
</td>

    </div></td>
  </tr>
  <tr>
    <td><table width="700" border="0">
      <tr align="center" valign="top">
        <td width="200">
      TEST<P>
TEST
      </td>
        <td width="500">
      <table width="500" border="0">
          <tr>
            <td colspan="2"><b>Welcome </b></td>
            </tr>
          <tr>
            <td width="50%">Latest News And Messages</td>
            <td width="50%">Upcoming Events</td>
          </tr>
                </table>          
          </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="20" background="bottom.jpg"><div align="center"><font color="#333333">© 2005
    All rights reserved. YourDomain.net</font></div></td>
  </tr>
</table>
</body>
</html>

Poster: hklollipopgirl
Dated: Sunday November 19 2006 - 14:13:43 GMT

umm..a little help plz? Here is the screen shot..

It is suppose to be under the header instead of to the right...

Poster: Ruth
Dated: Sunday November 19 2006 - 18:46:00 GMT

Hi,

Can you give us a test page, I can't reproduce the problem with what you posted which is not the full page with the css on it.

Ruth

Poster: Ruth
Dated: Monday November 20 2006 - 2:06:12 GMT

Hi,

I just noticed something in your table coding which my editor must have corrected. If this is not the problem we will still need the page. What is that extra set of TDs nested inside a td? You have a td then another td with a div for the menu. When I prevented my editor from 'correcting' that the menu is over at the right because it expects that row to have two columns.

Code:

<table width="700" border="1" bordercolor="aqua" align="center" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td width="700" align="center"><div align="center"> 


<td align="center">    

    MAIN MENU IS HERE 

</td> 

    </div></td> 
  </tr> 

Ruth

Industrial Strength JavaScript and DHTML Menus

Menu in Table Shift right