SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Sep 2006
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Table Background hover with Firefox and IE

    I am trying to make a new menu with a simple CSS hover behind a transparent gif. I want a simple rollover effect on the transparent images that are linked. It is working fine in IE 7.0, doesn't work at all in IE 6.0, and it works poorly in Firefox 1.5. Could someone point me in the right direction on how to get this working properly? The example is on this webpage... Thanks!

    http://workforcelanguageservices.com/v2/

    This is the CSS that I've created...

    Code:
    #globalnav {
    	clear: both;
    	}
    	
    #globalnav td a:hover {
    	background-image: url('http://www.workforcelanguageservices.com/v2/images/nav/nav-grad.gif');
    	}{

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    HI,

    Just add display:block to the anchor to make it expand to fill the available space.

    Code:
    #globalnav td a:hover {
    	background-image: url('http://www.workforcelanguageservices.com/v2/images/nav/nav-grad.gif');
        display:block
    	}

  3. #3
    SitePoint Member
    Join Date
    Sep 2006
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That's great! Thanks. I thought it would be simple. So much to learn. So little time to do so...


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
  •