PDA

View Full Version : AnyLink Css menu - Right menu



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;"
>&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
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;"
>&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
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