[WSG] ie css rollovers prob
having some probs with getting simple css rollovers to work in ie on this site http://www.elkhornflyrods.com/store/index.cfm menus on right. anyone see anything wrong? (well ok, i mean with rollover code) .linklist{ background: #d5d5d5; border: 1px solid #66; height: auto; left: 0px; padding: 5px; text-align: center; vertical-align: top; voice-family: inherit; voice-family: "\"}\""; width: 190px; margin-top: 10px;}#navcontainer { height: auto; margin: 3px; padding: 3px; width: 200px;}.burnIn { background: #f1f1f1; border: 1px solid #66;}.linklist li a { display: inline; text-decoration: none; color: #33;}.linklist li:hover { background-color: #9bc541; text-decoration: none; color: #33;}.linklist ul { list-style: none; margin: 0px; padding: 0px; color: #33;}
RE: [WSG] ie css rollovers prob
Yes! You're using :hover on the list item not the hyperlink. Remember, you're coding for IE. Run the hyperlink as display:block and hover that to give consistent results. IE has no support for :hover on anything other than the a tag. having some probs with getting simple css rollovers to work in ie on this site http://www.elkhornflyrods.com/store/index.cfm menus on right. anyone see anything wrong? (well ok, i mean with rollover code) .linklist li a { display: inline; text-decoration: none; color: #33; } .linklist li:hover { background-color: #9bc541; text-decoration: none; color: #33; } .linklist ul { list-style: none; margin: 0px; padding: 0px; color: #33; } ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] ie css rollovers prob
i figured that was it but swore it worked on another site which i went back and check and it didnt doh has anyone ever mentioned that ie sux? thanks :)From: "Edward Clarke" [EMAIL PROTECTED]Sent: Saturday, August 20, 2005 4:14 PMTo: wsg@webstandardsgroup.orgSubject: RE: [WSG] ie css rollovers probYes! You're using :hover on the list item not the hyperlink. Remember,you're coding for IE. Run the hyperlink as display:block and hover that togive consistent results. IE has no support for :hover on anything other thanthe a tag.having some probs with getting simple css rollovers to work in ie on thissite http://www.elkhornflyrods.com/store/index.cfmmenus on right.anyone see anything wrong? (well ok, i mean with rollover code).linklist li a { display: inline; text-decoration: none; color: #33;}.linklist li:hover { background-color: #9bc541; text-decoration: none; color: #33;}.linklist ul { list-style: none; margin: 0px; padding: 0px; color: #33;}**The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help**