AnyLink Css menu - Right menu

[nisus]

1) Script Title: AnyLink Css menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...anylinkcss.htm

3) Describe problem: I have used above script to make my drop down menu

http://tinyurl.com/yk6vmtn

Please click on "Produketer" move your mouse in to Max II and Max IV

Right hand side menu will be displayed.When I am moving my mouse in to that
right side menu, first or main menu will be dissapeared.Please try it.

<div id="submenu1" class="anylinkcss">
                        <ul>
                        <li><a href="Max2.aspx" 
                        class="anchorclass someotherclass" rel="submenur1[mouseover]" 
                        rev="lr" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;"
                        >&nbsp;&nbsp;&nbsp;Max II - 2 personer <font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                      
                       <div id="submenur1" class="anylinkcss" style="margin-left:0px; margin-top:0px;padding-top:1px; width:100px;">
<ul>
<li><a href="Max-II-500T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max II 500</a></li>
<li><a href="Max-II-600T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max II 600</a></li>
<li><a href="Max-II-850T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max II 850</a></li>

</ul>
</div>
                      
                      
                        <li><a href="Max4.aspx"  class="anchorclass someotherclass" rel="submenur2[mouseover]" rev="lr" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max IV - 4 personer <font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                       
                       <div id="submenur2" class="anylinkcss" style="margin-left:0px; margin-top:0px;padding-top:1px;width:100px;">
<ul>
<li><a href="Max-IV-500T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max IV 500</a></li>
<li><a href="Max-IV-600T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max IV 600</a></li>
<li><a href="Max-IV-850T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max IV 850</a></li>
<li><a href="Max-IV-950T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max IV 950</a></li>
<li><a href="Max-IV-1050T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max IV 1050</a></li>
</ul>
</div>

                       
                       
                        <li><a href="Buffalo.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Buffalo <font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                        <li><a href="Brugte.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Brugte ATV’er <font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                        <li><a href="Tilbehør.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Tilbehør<font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                        <li><a href="Spil.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Spil<font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                         <li><a href="Dæk.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Dæk<font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                          <li><a href="Manualer.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Manualer <font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                        </ul>
                        </div>

without this style

 style="margin-left:0px; margin-top:0px;padding-top:1px; width:100px;"

its not displaying in correct place.I have removed this.but the same problem

Could you pls let me know why is that.
Thanks

[ddadmin]

Try separating the markup for the menu anchors and the drop down menus themselves, so the later is moved to the bottom of your page, just above the </body> tag. For example:

<div id="submenu1" class="anylinkcss">
                        <ul>
                        <li><a href="Max2.aspx" 
                        class="anchorclass someotherclass" rel="submenur1[mouseover]" 
                        rev="lr" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;"
                        >&nbsp;&nbsp;&nbsp;Max II - 2 personer <font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                     
                      
                      
                        <li><a href="Max4.aspx"  class="anchorclass someotherclass" rel="submenur2[mouseover]" rev="lr" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max IV - 4 personer <font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                      

                       
                       
                        <li><a href="Buffalo.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Buffalo <font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                        <li><a href="Brugte.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Brugte ATV’er <font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                        <li><a href="Tilbehør.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Tilbehør<font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                        <li><a href="Spil.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Spil<font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                         <li><a href="Dæk.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Dæk<font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                          <li><a href="Manualer.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Manualer <font style="font-family:Trebuchet MS;; font-size:12px; color:#F00; font-weight:bold;"></font></a></li>
                        </ul>
                        </div>


//rest of page contents here/////

                       <div id="submenur1" class="anylinkcss" style="margin-left:0px; margin-top:0px;padding-top:1px; width:100px;">
<ul>
<li><a href="Max-II-500T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max II 500</a></li>
<li><a href="Max-II-600T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max II 600</a></li>
<li><a href="Max-II-850T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max II 850</a></li>

</ul>
</div>


                       <div id="submenur2" class="anylinkcss" style="margin-left:0px; margin-top:0px;padding-top:1px;width:100px;">
<ul>
<li><a href="Max-IV-500T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max IV 500</a></li>
<li><a href="Max-IV-600T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max IV 600</a></li>
<li><a href="Max-IV-850T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max IV 850</a></li>
<li><a href="Max-IV-950T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max IV 950</a></li>
<li><a href="Max-IV-1050T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">&nbsp;&nbsp;&nbsp;Max IV 1050</a></li>
</ul>
</div>

</body>

[nisus]

Hi,

Thanks for the reply but it doesnt work for me.

Any ideas?

[ddadmin]

Can you repost the link to your problem page without the tinyurl redirection? I'm behind a firewall and the link doesn't work as a result.

[nisus]

Sorry here is the link

http://maxatv.dk/1.aspx

Thanks