Christopher Harris wrote:
My php: http://www.homedesigntrends.com/tables.php
My CSS: http://www.homedesigntrends.com/tables.css
My Problem: Where it says "Your Cart" - I want it to change color when
you hover over it. The color I want is #A52A2A. I have everything else
changing to that color when you hover over it in IE. I even have "Your
Cart"s tag in my :hover declaration, yet it won't change color.
Your rules on hover reveal that the effective rule for this construct
<a href="#" class="noDec">
<span class="cartWord">Your Cart</span>
...
is this one:
a.noDec .cartWord:hover {color: #A52A2A;}
But IE6 does allow hover on links only, not on spans.
Basically, this rule would fix that:
a.noDec:hover .cartWord {color: #A52A2A;}
/* move the hover from the span to the link */
But IE6 needs a special treatment to recognize that there must be
something done one a:hover, or "hover must be on duty" [1]
so you'll have to add these rules:
a.noDec:hover {background-position: 0 0; } /* do something */
a.noDec:hover .cartWord {color: #A52A2A;} /* while on duty, change the
color in the span */
As IE7 is supposed to allow whatever:hover, you might want to serve
these rules to IE5.5-6/Win only in a separate stilesheet (together with
other hacks):
<!--[if lte IE 6]>
<link rel="stylesheet" href="iefix.css" type="text/css" />
<![endif]-->
</head>
Add this conditional comment at the end of the head-section.
hope that helps
Ingo
[1] http://www.satzansatz.de/cssd/pseudocss.html#hoverdesc
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
