At 12:29 PM 2/27/02 +0100, Rijk van Geijtenbeek wrote:
>On Wednesday, February 27, 2002, Al wrote:
> > From: "Gary" [EMAIL-REMOVED]>
>
> >> I am new to the list. I have some CSS that works in most 21 century
> >> browsers except IE6. Well it works in some people IE6 and not in others.
> >> The code is pasted below. It seem that IE 6 inherits the color from the
> >> original alink: which is white. Can anyone see why for this inconsistent
> >> behavior?
>
>Seems to be an issue in specificity.
> >> Also is there a page somewhere out there that has IE6 CSS bugs?
> >>
> >> .mn{
> >> width:115px;
> >> border:solid 1px #000000;
> >> background-color:#CCCCCC;
> >> color:#000000;
> >> }
> >> .mn a{
> >> width:115px;
> >> padding-top:1px;
> >> padding-bottom:1px;
> >> padding-left:1px;
> >> display:block;
> >> color:#000000;
> >> font-family:Verdana,Arial,Helvetica,sans-serif;
> >> text-decoration:none;
> >> }
> >> .mn a:hover{
> >> background-color:#FF0000;
> >> color:#FFFF00;
> >> font-family:Verdana,Arial,Helvetica,sans-serif;
> >> text-decoration:none;
> >> }
>
> > any element with a class of .mn should pick up those styles but you should
> > change .mn a to:
> > .mn a:link {blah}
>
>If you want it too work on Opera, don't do that! Leave the display and
>margin/padding properties on the 'A' element istelf, not on its pseudo
>classes.
since the original suggestion only worked on the internal test serve I have
change it back.
>Also, your suggestion would leave A:visited links unstyled if applied
a:visited isn't part of the equation. Theres links are using the box model
to replace Javascript image swaps for a menu.
small sample:
<div id="aboutr" class="mn" style=
"position: absolute; left: 629px; top: 154px; width: 115px; height:
13px">
<a href="#">ABOUT US</a>
</div>
<div id="misr" class="mn" style=
"position: absolute; left: 629px; top: 168px; width: 115px; height:
13px">
<a href="#">MISSION</a>
</div>
>literally...
>
>It might be useful to separate the styles that apply to all link
>pseudo classes, and to specifically add colors and background color to
>the pseudo class rules.
>
>I would use something like this:
>
> .mn a{
> width:115px;
> padding-top:1px;
> padding-bottom:1px;
> padding-left:1px;
> display:block;
> font-family:Verdana,Arial,Helvetica,sans-serif;
> text-decoration:none;
> }
>
> .mn a:link {
> background-color:#FF0000;
> color:#000000;
> }
I will try adding a:link and see what happens. From all the test so far it
seems to be happening only with IE6 on XP. It is not a big problem it work
well with white fonts on the grey too. I like to try to make everything the
same but sometimes you have to let it go if it work well.
>Greetings,
> Rijk [EMAIL-REMOVED]
>(Opera Software employee)
>
>Mot du Jour:
>Lesser artists borrow. Great artists steal.
Gary
