AnyLink Css menu - Right menu [Archive]

nisus

10-27-2009, 12:09 PM

1) Script Title: AnyLink Css menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/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;"
>   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;">   Max II 500</a></li>
<li><a href="Max-II-600T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">   Max II 600</a></li>
<li><a href="Max-II-850T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">   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;">   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;">   Max IV 500</a></li>
<li><a href="Max-IV-600T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">   Max IV 600</a></li>
<li><a href="Max-IV-850T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">   Max IV 850</a></li>
<li><a href="Max-IV-950T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">   Max IV 950</a></li>
<li><a href="Max-IV-1050T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">   Max IV 1050</a></li>
</ul>
</div>

<li><a href="Buffalo.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">   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;">   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;">   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;">   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;">   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;">   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

10-28-2009, 03:11 AM

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;"
>   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;">   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;">   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;">   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;">   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;">   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;">   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;">   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;">   Max II 500</a></li>
<li><a href="Max-II-600T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">   Max II 600</a></li>
<li><a href="Max-II-850T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">   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;">   Max IV 500</a></li>
<li><a href="Max-IV-600T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">   Max IV 600</a></li>
<li><a href="Max-IV-850T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">   Max IV 850</a></li>
<li><a href="Max-IV-950T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">   Max IV 950</a></li>
<li><a href="Max-IV-1050T.aspx" style="font-weight:normal;font-family:Trebuchet MS;font-size:13px;">   Max IV 1050</a></li>
</ul>
</div>

</body>

nisus

10-28-2009, 03:47 AM

Hi,

Thanks for the reply but it doesnt work for me.

Any ideas?

ddadmin

10-28-2009, 03:59 AM

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

10-28-2009, 05:05 AM

Sorry here is the link

http://maxatv.dk/1.aspx

Thanks