Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Rollover not working in Firefox

    Hello,

    Does anyone have any idea why the rollovers are not working on the following 2 pages:

    http://www.trudiwilkes.com/

    http://www.trudiwilkes.com/Audio-Clips.html

    but yet they do work on this page:

    http://www.trudiwilkes.com/About-Contact.html

    I have updated JAVA and Flash to the latest versions.

    The rollovers work fine in Chrome and IE

    Any insight into this issue would be fantastic

  • #2
    Regular Coder oVTech's Avatar
    Join Date
    Nov 2010
    Location
    USA
    Posts
    296
    Thanks
    4
    Thanked 54 Times in 52 Posts
    Not sure why it isn't working, but this is the error you get when I run firebug:
    The "coords" attribute of the <area shape="rect"> tag is not in the "left,top,right,bottom" format.

    You are using Javascript for the rollovers and <map> tags - that isn't necessary, you can accomplish the same rollover effect with CSS, which is always guaranteed to work. All you have to do is, give the elements that you want rollovers for class names, and then you can do something like:

    .myRollover1:hover { background: url('bgRoll1.png'); }
    .myRollover2:hover { background: url('bgRoll2.png'); }
    .myRollover3:hover { background: url('bgRoll3.png'); }


    and so on...

    The best way would be to do it with CSS Sprites though.
    Last edited by oVTech; 02-20-2011 at 07:00 AM.




    I don't know, I don't care, and it doesn't make any difference!
    -Albert Einstein-




  • #3
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks. Got it fixed for now by removing the area tags. I have to do websites in Dreamweaver as I am primarily a video effects artist and have zero knowledge really of HTML coding. As a result, I have no idea what you mean by CSS sprites! Hopefully that will come in time!


  •  

    Posting Permissions

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