Results 1 to 4 of 4

Thread: AnyLink CSS drop down menu with rollovers

  1. #1
    Join Date
    Jul 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default AnyLink CSS drop down menu with rollovers

    1) Script Title: AnyLink CSS drop down menu with rollovers

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

    3) Describe problem: Hello all! I am currently wanting to use the AnyLink CSS Menu on an image with rollover effects. I have the script installed, but the issue i am running into is that when i rollover the image, the menu appears, but when I mouseout, the image does not return to the "mouseout" state, it simply remains on the mouseover image. The menu appears to be doing whats its designed to do, but i have an issue when i try to implement it with my rollover. Is there any resolution for this or is it even possible to use this script in conjunction with rollover effects? Thanks in advance for any solutions!

  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

    Just apply your rollover (onmouseover and onmouseout) code to the image tag, not to the link tag.
    - John
    ________________________

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

  3. #3
    Join Date
    Jul 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    i used that code... and when i v iew it in firefox... i get a blue border around the link... but not in any other browser...

  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

    Quote Originally Posted by ianruz View Post
    i used that code... and when i v iew it in firefox... i get a blue border around the link... but not in any other browser...
    Well, that is really a separate issue and has to do with style. If you just make sure that there is no border (styles are best set in a stylesheet - shown here inline with the tag):

    HTML Code:
    <img style="border:none;" src="whatever.jpg">
    There should be no border. It is possible (not real likely) that the line you see has nothing to do with the image's border. In that case, it would be the style of the link that holds the image. If so, that should be set:

    Code:
    text-decoration:none;
    - John
    ________________________

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

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
  •