Re: [WSG] Please help! CSS/IE Link Color Problem
At 19:23 (London time), on 4/8/07, [EMAIL PROTECTED] said: >In the light of the pseudoclass and class having the same name and >smart-alec browsers trying to correct perceived errors, could this >then be a case of misinterpretation by IE6? Might it not be better to >avoid using 'reserved' words for class/id names in case this sort of >thing happened (I guess a test would be, if the class name were >changed, does IE6 still not recognise the issue)? It's not something >I've ever encountered myself, just wondering... I agree with this; although I don't know if it is the root of Cole's problem, I would always try and avoid using reserved names for other purposes (in this case, as noted, you've given your class the same name as an existing pseudoclass that most browsers (not IE) will recognise and act on automatically. Whilst it's true that it /shouldn't/ make any difference (in an ideal, bug-free world) because .active and :active are /technically/ different, I would say 'why take the chance'? Cole: Try renaming your css class to a non-reserved word like 'activated', update the markup accordingly, and see if it helps. It might not, but at least then you'll know that your problem is definitely NOT caused by using a reserved name, and can cross it off the list of suspects. -- Rick Lecoat *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Please help! CSS/IE Link Color Problem
In the light of the pseudoclass and class having the same name and
smart-alec browsers trying to correct perceived errors, could this
then be a case of misinterpretation by IE6? Might it not be better to
avoid using 'reserved' words for class/id names in case this sort of
thing happened (I guess a test would be, if the class name were
changed, does IE6 still not recognise the issue)? It's not something
I've ever encountered myself, just wondering...
[having problems sending this - my apologies if it turns up more than
once!]
Caitlin Rowley, B. Mus. (Hons), Gr. Dip. Design
Composer, musicologist, web designer
http://www.minim-media.com/listen/
On 4 Aug 2007, at 10:57, Stuart Foulstone wrote:
Hi,
a:active is a pseudoclass, not a class, and the declaration should
read:
ul#navTopSimpleUL li a:active
not a.active class name.
Browsers are tolerant of mistakes and try to correct wrong coding in a
meaningful way. However, different browsers may apply different
corrections to the error producing different results.
This is why you are getting different results in different browsers,
rather than it being a browser fault.
On Sat, August 4, 2007 4:38 am, Cole Kuryakin wrote:
Hello All -
After tearing my hair out for over 4 hours I come to you guys/gals
for a
fresh eye and perhaps a solution.
I've got a simple class name (.active) attached to an "a" tag.
This class
is
programmatically activated when a link is chosen and the page loads.
When the chosen page loads, the chosen link turns deep red.
The declaration for this is as follows:
/*ACTIVE LINKS ONLY*/
ul#navTopSimpleUL li a.active
{
color: #CC0033;
cursor: default;
text-decoration: none;
}
A similar declaration is in force for the side AND footer navigation.
In FF it works as required/expected. But, even though the HTML and
CSS
validates, this small but important functionality doesn't work in
IE 6.
If you look at the testing site in FF (www.koisis.com/.problems/
index.php)
this works as required and expected.
If you then view the same page in IE 6 however, the .active class
doesn't
work at all - I haven't begun to test in IE7 yet and I can't
figure out a
work-around for IE 6..
If you'd like to view the css that controls the navigation rules,
it's
named
c.project_navigation.css.
Can someone(s) please take a look at this for me and tell me where
I'm
going
wrong, or what alteration(s) I can make to trigger this class in IE?
Great appreciation and thanks to all in advance!
Cole
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Please help! CSS/IE Link Color Problem
@Sutart: I believe that Stuart is using "active" as a class name, not a pseudoclass.This class is being added to the anchor tag when the page loads. Not the same as the pseudoclass which is invoked on click, but does not persist through the subsequent page load. @Cole: In my install of IE6, the active states are working fine, but it looks like you've attached the "active" class to the now and removed the on the active items. I prefer to add the active (I usually call it "on" or "off" to avoid confusion with the active pseudoclass) to the s myself as well, since that allows me control over both the and the within. Tim Stuart Foulstone wrote: Hi, a:active is a pseudoclass, not a class, and the declaration should read: ul#navTopSimpleUL li a:active not a.active class name. Browsers are tolerant of mistakes and try to correct wrong coding in a meaningful way. However, different browsers may apply different corrections to the error producing different results. This is why you are getting different results in different browsers, rather than it being a browser fault. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Please help! CSS/IE Link Color Problem
Hi,
a:active is a pseudoclass, not a class, and the declaration should read:
ul#navTopSimpleUL li a:active
not a.active class name.
Browsers are tolerant of mistakes and try to correct wrong coding in a
meaningful way. However, different browsers may apply different
corrections to the error producing different results.
This is why you are getting different results in different browsers,
rather than it being a browser fault.
On Sat, August 4, 2007 4:38 am, Cole Kuryakin wrote:
> Hello All -
>
> After tearing my hair out for over 4 hours I come to you guys/gals for a
> fresh eye and perhaps a solution.
>
> I've got a simple class name (.active) attached to an "a" tag. This class
> is
> programmatically activated when a link is chosen and the page loads.
>
> When the chosen page loads, the chosen link turns deep red.
>
> The declaration for this is as follows:
>
> /*ACTIVE LINKS ONLY*/
> ul#navTopSimpleUL li a.active
> {
> color: #CC0033;
> cursor: default;
> text-decoration: none;
> }
>
> A similar declaration is in force for the side AND footer navigation.
>
> In FF it works as required/expected. But, even though the HTML and CSS
> validates, this small but important functionality doesn't work in IE 6.
>
> If you look at the testing site in FF (www.koisis.com/.problems/index.php)
> this works as required and expected.
>
> If you then view the same page in IE 6 however, the .active class doesn't
> work at all - I haven't begun to test in IE7 yet and I can't figure out a
> work-around for IE 6..
>
> If you'd like to view the css that controls the navigation rules, it's
> named
> c.project_navigation.css.
>
> Can someone(s) please take a look at this for me and tell me where I'm
> going
> wrong, or what alteration(s) I can make to trigger this class in IE?
>
> Great appreciation and thanks to all in advance!
>
> Cole
>
>
>
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Please help! CSS/IE Link Color Problem
the given rule is not using a pseudo selector (:) - it is a simple class
definition. This should be consistent across browsers.
On 8/4/07, Kepler Gelotte <[EMAIL PROTECTED]> wrote:
>
> When the chosen page loads, the chosen link turns deep red.
>
> The declaration for this is as follows:
>
> /*ACTIVE LINKS ONLY*/
> ul#navTopSimpleUL li a.active
> {
> color: #CC0033;
> cursor: default;
> text-decoration: none;
> }
>
>
> Hi Cole,,
>
> You may want to also set focus on the element and declare a
> "ul#navTopSimpleUL li a.focus" definition mimicking the active definition.
> I
> believe I read somewhere that IE6 treats active and focus states the same,
> or confuses them.
>
> Regards,
> Kepler
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Please help! CSS/IE Link Color Problem
When the chosen page loads, the chosen link turns deep red.
The declaration for this is as follows:
/*ACTIVE LINKS ONLY*/
ul#navTopSimpleUL li a.active
{
color: #CC0033;
cursor: default;
text-decoration: none;
}
Hi Cole,,
You may want to also set focus on the element and declare a
"ul#navTopSimpleUL li a.focus" definition mimicking the active definition. I
believe I read somewhere that IE6 treats active and focus states the same,
or confuses them.
Regards,
Kepler
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***<>
Re: [WSG] Please help! CSS/IE Link Color Problem
you could try adding !IMPORTANT after the colour declaration just to see if
it is an inheritance issue
On 8/4/07, James Gollan <[EMAIL PROTECTED]> wrote:
>
> FWIW seems to work in IE7 - dont have IE6 setup at the moment.
>
> On 8/4/07, Cole Kuryakin <[EMAIL PROTECTED]> wrote:
> >
> > Hello All -
> >
> > After tearing my hair out for over 4 hours I come to you guys/gals for a
> > fresh eye and perhaps a solution.
> >
> > I've got a simple class name (.active) attached to an "a" tag. This
> > class is
> > programmatically activated when a link is chosen and the page loads.
> >
> > When the chosen page loads, the chosen link turns deep red.
> >
> > The declaration for this is as follows:
> >
> > /*ACTIVE LINKS ONLY*/
> > ul#navTopSimpleUL li a.active
> > {
> > color: #CC0033;
> > cursor: default;
> > text-decoration: none;
> > }
> >
> > A similar declaration is in force for the side AND footer navigation.
> >
> > In FF it works as required/expected. But, even though the HTML and CSS
> > validates, this small but important functionality doesn't work in IE 6.
> >
> > If you look at the testing site in FF (www.koisis.com/.problems/index.php
> > )
> > this works as required and expected.
> >
> > If you then view the same page in IE 6 however, the .active class
> > doesn't
> > work at all - I haven't begun to test in IE7 yet and I can't figure out
> > a
> > work-around for IE 6..
> >
> > If you'd like to view the css that controls the navigation rules, it's
> > named
> > c.project_navigation.css.
> >
> > Can someone(s) please take a look at this for me and tell me where I'm
> > going
> > wrong, or what alteration(s) I can make to trigger this class in IE?
> >
> > Great appreciation and thanks to all in advance!
> >
> > Cole
> >
> >
> >
> >
> >
> >
> > ***
> > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> > Help: [EMAIL PROTECTED]
> > ***
> >
>
>
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Please help! CSS/IE Link Color Problem
FWIW seems to work in IE7 - dont have IE6 setup at the moment.
On 8/4/07, Cole Kuryakin <[EMAIL PROTECTED]> wrote:
>
> Hello All -
>
> After tearing my hair out for over 4 hours I come to you guys/gals for a
> fresh eye and perhaps a solution.
>
> I've got a simple class name (.active) attached to an "a" tag. This class
> is
> programmatically activated when a link is chosen and the page loads.
>
> When the chosen page loads, the chosen link turns deep red.
>
> The declaration for this is as follows:
>
> /*ACTIVE LINKS ONLY*/
> ul#navTopSimpleUL li a.active
> {
> color: #CC0033;
> cursor: default;
> text-decoration: none;
> }
>
> A similar declaration is in force for the side AND footer navigation.
>
> In FF it works as required/expected. But, even though the HTML and CSS
> validates, this small but important functionality doesn't work in IE 6.
>
> If you look at the testing site in FF (www.koisis.com/.problems/index.php)
> this works as required and expected.
>
> If you then view the same page in IE 6 however, the .active class doesn't
> work at all - I haven't begun to test in IE7 yet and I can't figure out a
> work-around for IE 6..
>
> If you'd like to view the css that controls the navigation rules, it's
> named
> c.project_navigation.css.
>
> Can someone(s) please take a look at this for me and tell me where I'm
> going
> wrong, or what alteration(s) I can make to trigger this class in IE?
>
> Great appreciation and thanks to all in advance!
>
> Cole
>
>
>
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] Please help! CSS/IE Link Color Problem
Hello All -
After tearing my hair out for over 4 hours I come to you guys/gals for a
fresh eye and perhaps a solution.
I've got a simple class name (.active) attached to an "a" tag. This class is
programmatically activated when a link is chosen and the page loads.
When the chosen page loads, the chosen link turns deep red.
The declaration for this is as follows:
/*ACTIVE LINKS ONLY*/
ul#navTopSimpleUL li a.active
{
color: #CC0033;
cursor: default;
text-decoration: none;
}
A similar declaration is in force for the side AND footer navigation.
In FF it works as required/expected. But, even though the HTML and CSS
validates, this small but important functionality doesn't work in IE 6.
If you look at the testing site in FF (www.koisis.com/.problems/index.php)
this works as required and expected.
If you then view the same page in IE 6 however, the .active class doesn't
work at all - I haven't begun to test in IE7 yet and I can't figure out a
work-around for IE 6..
If you'd like to view the css that controls the navigation rules, it's named
c.project_navigation.css.
Can someone(s) please take a look at this for me and tell me where I'm going
wrong, or what alteration(s) I can make to trigger this class in IE?
Great appreciation and thanks to all in advance!
Cole
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***<>
