CSS/Style issue when modifying the example code

[andrey1234]

Im havign issues with CSS/ Style I used this structure for my page: http://www.w3schools.com/dhtml/tryit.asp?f...trydhtml_menu10Here is my modified styles section:

<style>body{font-family:arial;}table{font-size:80%;background:black}a{color:black;text-decoration:none;font:bold}td.menu{background:lightblue}td.menu:hover{background:green}//trouble linetable.menu{font-size:100%;position:absolute;visibility:hidden;}</style>

The indicated lien will not work in IE6, it does in opera.What am I missing?Thanks

[boen_robot]

You are missing that the :hover pseudo class only works with links in IE6. It should work everywhere as with Opera, but IE6 just doesn't support this as it should.

[Err]

That problem used to bug the heck out of me. I fixed it with this:http://annevankesteren.nl/test/examples/css/htc/hover.htmIt works in IE.

[andrey1234]

That problem used to bug the heck out of me. I fixed it with this:http://annevankesteren.nl/test/examples/css/htc/hover.htmIt works in IE.

<{POST_SNAPBACK}>

okay, im a little confused how to apply this example, does it have to do with the .htc file?if its not too hard could u modify the code bit in my original messagethanks for the help

[scott100]

one way:<table><tr><td onmouseover="this.bgColor='green'" onmouseout="this.bgColor='white'" >asdf</td></tr></table>

[andrey1234]

one way:<table><tr><td onmouseover="this.bgColor='green'" onmouseout="this.bgColor='white'" >asdf</td></tr></table>

<{POST_SNAPBACK}>

i prefer to do this with CSS, the menu structure alreay has enough on mouseover and outs.if RahXephon's doesnt work i'll take thisthanks

[andrey1234]

Got it to work using RahXephon this is my body tag

	body{  font-family:arial;  behavior:url("hover.htc");  }

you can get the .htc off the link he provided.

[scott100]

I kept getting an access denied error when trying to use it. :)EDIT - It's ok it works now.

Edited July 4, 2006 by scott100

[Err]

Got it to work using RahXephon this is my body tag

	body{  font-family:arial;  behavior:url("hover.htc");  }

you can get the .htc off the link he provided.

<{POST_SNAPBACK}>

Cool. I'm glad you got it working. Sorry I wasn't here to guide you... I liked this script so much cause you can use the CSS atrributes instead of those annoying mouseover and mouseout scripts.