Computer Science Canada

Style (hover)

Author:  Amailer [ Fri Mar 26, 2004 7:50 pm ]
Post subject:  Style (hover)

code:

#menu1 {
background-image: url('images/site3/buttons.gif'); background-repeat: no-repeat
}

#menu1:hover {
background-image: url('images/site3/buttons2.gif');
}


Why won't that work on IE?

Author:  wtd [ Fri Mar 26, 2004 8:09 pm ]
Post subject:  Re: Style (hover)

code:
#menu1 {
   background: url('images/site3/buttons.gif') no-repeat;
}

#menu1:hover {
   background: url('images/site3/buttons2.gif');
}


What type of element has the id "menu1"?

IE is bass ackwards about hover and doesn't like it being applied to anything other than links.

Author:  Amailer [ Fri Mar 26, 2004 8:20 pm ]
Post subject: 

a td
still not working...sad *kills IE*

Author:  wtd [ Fri Mar 26, 2004 8:36 pm ]
Post subject: 

It might also work applied to a div tag, which could be placed inside the td.

Author:  Amailer [ Fri Mar 26, 2004 8:43 pm ]
Post subject: 

wtd wrote:
It might also work applied to a div tag, which could be placed inside the td.


Hm, nope actually works perfect on MOZILLA but--- on ie it get's messed this time (don't work) i guess IE doesn't allow bla:hover..

Author:  theguru [ Wed Oct 26, 2005 4:41 pm ]
Post subject: 

yea, internet explorer has that tendency to do things like that. the only thing, i can say is use javascript onmouseover's. it's crude but it works.

Author:  md [ Wed Oct 26, 2005 5:18 pm ]
Post subject: 

Again with the bring up of old topics... the trick is to look at the date of the last post.


: