Results 1 to 6 of 6

Thread: AnyLink Drop Down Menu for Mozilla Firefox?

  1. #1
    Join Date
    Apr 2005
    Location
    keene, texas
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question AnyLink Drop Down Menu for Mozilla Firefox?

    does this script have known problem with Firefox? It displays the dropdown menu properly except for the rollover states. To see my situation go to adventhome.org/test/index.html in Firefox. You will notice that when you try to scroll down the drop down box the text gets screwed up. The menu acts perfectly in IE as you can see if you load it in there as well.

    Thanks for helping me out.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Get rid of the height:

    Code:
    #dropmenudiv a:hover    { color: white; text-decoration: none; background-color: #9acd66; height: 6px  }
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Apr 2005
    Location
    keene, texas
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    thanks, that works. the reason i put that in there in the first place was because i wanted to control the height of the rollover highlight bar. is there any way to do that effectively?

    thanks
    philip

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    If memory serves, you adjust the '#dropmenudiv a', to be clear, not the '#dropmenudiv a:hover'. You currently have:

    Code:
    #dropmenudiv a    { color: black; text-decoration: none; text-indent: 3px; display: block; width: 100% }
    try this:

    Code:
    #dropmenudiv a {
    color: black;
    text-decoration: none;
    text-indent: 3px;
    display: block;
    width: 100%;
    line-height:99%;
    margin:5px 0;
    padding:2px 0 5px;
    }
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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

    Default

    On another note, please remember that the credit notice inside script must remain intact in the page's source during actual usage, so:

    Code:
    <script src="scripts/dropdownjava.js" type="text/javascript">
    
    /***********************************************
    * AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    </script>
    This is part of our usage terms, even if the script is put inside an external js file.

  6. #6
    Join Date
    Apr 2005
    Location
    keene, texas
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Lightbulb

    cool, no problem, i just fixed the credits notice. Thanks for your help with the rollover shadow height.

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
  •