Results 1 to 5 of 5

Thread: AnyLink Css menu - Right menu

  1. #1
    Join Date
    Oct 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default AnyLink Css menu - Right menu

    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.

    Code:
    <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

    HTML Code:
     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

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    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:

    Code:
    <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>
    DD Admin

  3. #3
    Join Date
    Oct 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default not working

    Hi,

    Thanks for the reply but it doesnt work for me.

    Any ideas?

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    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.
    DD Admin

  5. #5
    Join Date
    Oct 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default here it is

    Sorry here is the link

    http://maxatv.dk/1.aspx

    Thanks

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •