RE: [WSG] Why does IE show text decoration on these buttons?

[Mike Kear]

Thanks a lot for everyone who has shown interest in my little issue.  

The problem is around the menubar at the top of this site.  They're in a
table cell that's specified as follows: 



They are images with no rollover activity required.The IE style sheet,
called uniquecelebrations_iehacks.css  has the following: 


#menubar a:link,
#menubar a:visited {
text-decoration: none;
}
#menubar a:hover,
#menubar a:active {
text-decoration: none;
border: none;
font-weight: normal;
}

I have checked that these rules do indeed select the button images in
question by putting a ridiculously large border in the hover/active rule,
and I have seen the border appear and disappear when the mouse rolls over
them.   So I know these rules select what I want them to.   What I don't
understand is why these rules don't override the text-decoration: underline
which is required elsewhere in the site.

There's a screenshot of what I'm talking about at
http://uniquecelebrations.com.au/screenshot.jpg.  In my system this problem
doesn't appear in Chrome or Firefox but does appear in IE7. 

http://uniquecelebrations.com.au/ 

Cheers
Mike Kear
Windsor, NSW, Australia
0414 622 847
Adobe Certified Advanced ColdFusion Developer 
AFP Webworks Pty Ltd 
http://afpwebworks.com 
Full Scale ColdFusion 9 hosting from A$15/month





-Original Message-
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Harish Chouhan
Sent: Monday, 3 May 2010 3:52 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Why does IE show text decoration on these buttons?

Hello Mike,

I checked your website in FireFox, IE8, IE7 & IE6, it behaves same
everywhere. A screenshot of the issue you are saying would help. Also trying
adding a "!important" next to the text decoration rule in the CSS for IE7.


Regards,
Harish Chouhan




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] Why does IE show text decoration on these buttons?

[Craig Jones]

Hi Mike
Try being more specific ie td#menubar a;link{} as it is part of a table 
as used in main css

Cheers

Mike Kear wrote:
Thanks a lot for everyone who has shown interest in my little issue.  


The problem is around the menubar at the top of this site.  They're in a
table cell that's specified as follows: 




They are images with no rollover activity required.The IE style sheet,
called uniquecelebrations_iehacks.css  has the following: 



#menubar a:link,
#menubar a:visited {
text-decoration: none;
}
#menubar a:hover,
#menubar a:active {
text-decoration: none;
border: none;
font-weight: normal;
}

I have checked that these rules do indeed select the button images in
question by putting a ridiculously large border in the hover/active rule,
and I have seen the border appear and disappear when the mouse rolls over
them.   So I know these rules select what I want them to.   What I don't
understand is why these rules don't override the text-decoration: underline
which is required elsewhere in the site.

There's a screenshot of what I'm talking about at
http://uniquecelebrations.com.au/screenshot.jpg.  In my system this problem
doesn't appear in Chrome or Firefox but does appear in IE7. 

http://uniquecelebrations.com.au/ 


Cheers
Mike Kear
Windsor, NSW, Australia
0414 622 847
Adobe Certified Advanced ColdFusion Developer 
AFP Webworks Pty Ltd 
http://afpwebworks.com 
Full Scale ColdFusion 9 hosting from A$15/month






-Original Message-
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Harish Chouhan
Sent: Monday, 3 May 2010 3:52 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Why does IE show text decoration on these buttons?

Hello Mike,

I checked your website in FireFox, IE8, IE7 & IE6, it behaves same
everywhere. A screenshot of the issue you are saying would help. Also trying
adding a "!important" next to the text decoration rule in the CSS for IE7.


Regards,
Harish Chouhan




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***


  


--


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

[WSG] color contrast, success criterion 1.4.3

[tee]

I need to pass a site for SC 1.4.3 and I was told some areas (especially link 
texts) do not passed.

 I ran the site through Juice studios Color Contrast Analyser as well as Color 
Checker Firefox extension and they fail in some areas that I find suspicious. 
Example, the site has #333 for body background, but header/footer sections use 
background images that are much lighter and I am pretty sure the contrast is 
above 4:5:1

I am not entirely sure if the person who assess the site uses Contrast Analyser 
to evaluate the site and doesn't taken other factors (e.g. background image)  
into account.

So my question, how accurate is for  Juicestudios Color Contrast Analyser and 
Color Checker Firefox extension? Will the brightness of monitor affect the 
result.

Thanks!


tee




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] color contrast, success criterion 1.4.3

[st...@stevegibbings.co.uk]

Try a standalone contrast checker where you enter your own colour  
codes/numbers. Remember that you need to take into account images may  
be disabled too.


Sent from my iPhone

On 3 May 2010, at 11:50, tee  wrote:

I need to pass a site for SC 1.4.3 and I was told some areas  
(especially link texts) do not passed.


I ran the site through Juice studios Color Contrast Analyser as well  
as Color Checker Firefox extension and they fail in some areas that  
I find suspicious. Example, the site has #333 for body background,  
but header/footer sections use background images that are much  
lighter and I am pretty sure the contrast is above 4:5:1


I am not entirely sure if the person who assess the site uses  
Contrast Analyser to evaluate the site and doesn't taken other  
factors (e.g. background image)  into account.


So my question, how accurate is for  Juicestudios Color Contrast  
Analyser and Color Checker Firefox extension? Will the brightness of  
monitor affect the result.


Thanks!


tee




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] color contrast, success criterion 1.4.3

[Oliver Boermans]

Hi tee

On 3 May 2010 20:20, tee  wrote:
> I need to pass a site for SC 1.4.3 and I was told some areas (especially link 
> texts) do not passed.
>
>  I ran the site through Juice studios Color Contrast Analyser as well as 
> Color Checker Firefox extension and they fail in some areas that I find 
> suspicious. Example, the site has #333 for body background, but header/footer 
> sections use background images that are much lighter and I am pretty sure the 
> contrast is above 4:5:1
>
> I am not entirely sure if the person who assess the site uses Contrast 
> Analyser to evaluate the site and doesn't taken other factors (e.g. 
> background image)  into account.

It’s not likely to take images into account. Try setting a background
colour in addition to an image eg: background: #fff url(pic.img);

This is good practice regardless to ensure the text is legible when
images are disabled or fail to load for some reason.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] Comments Please? Site Check.

[Daisy Morgan]

Hello! We still don't have a url to help you with!

--
From: "Kathleen R Dery" 


Hello!

I have one more week to develop this site, and I wonder if someone  
would give me feedback.  I don't really like the Dreamweaver widgets,  
but there they are on almost every page.  The Cars page will have a  
widget as well.  The only child page I have is for Lecture Tours.   
Does it have any hope?


Kathleen 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

The solution (was: [WSG] Why does IE show text decoration on these buttons?)

[Mike Kear]

Ei Sabai Nyo, thank you, you win the prize!  By golly it works. 

When I saw your suggestion, I thought to myself 'that wont work what's
background got to do with it?'  but I tried it anyway, and the issue has
been fixed. 

So now I have to ask – why does it work?   What made you say that?
Background was waay down on my list of things to check out. 

Cheers
Mike Kear
Windsor, NSW, Australia
0414 622 847
Adobe Certified Advanced ColdFusion Developer 
AFP Webworks Pty Ltd 
http://afpwebworks.com 
Full Scale ColdFusion 9 hosting from A$15/month




From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Ei Sabai Nyo
Sent: Monday, 3 May 2010 4:06 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Re: WSG Digest

If you set background: transparent to the a:hover for those navigation
items, it will solve the issue.  


Anansi Web Development - http://www.anansi.com.au/

Web Development Blog - http://eisabainyo.net/weblog/


  





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

[WSG] Re: WSG Digest

[Alan C. Whiteman]

Check for margin, padding, and image border. The box model in IE is treated 
differently from standards-compliant browsers.


Alan C. Whiteman
Visualis Web Design
http://visualis.us


On Monday 03 May 2010 08:34:39 you wrote:
> *
> WEB STANDARDS GROUP MAIL LIST DIGEST
> *
>
>
> From: 
> Date: Mon, 3 May 2010 15:31:51 +1000
> Subject: Why does IE show text decoration on these  buttons?
>
>
> Hello group,
>
> It's another brain fade moment for me, so I hope someone can help me.
>
> In IE7, the nav buttons are showing a black underline when the mouse hovers
> over them, even though I have specifically put text-decoration:none in the
> IE style sheet.   (In other browsers the buttons do what they're supposed
> to)
>
> Can anyone see what I've missed please?
>
> http://uniquecelebrations.com.au/
>
> Cheers
> Mike Kear
> Windsor, NSW, Australia
> 0414 622 847
> Adobe Certified Advanced ColdFusion Developer
> AFP Webworks Pty Ltd
> http://afpwebworks.com
> Full Scale ColdFusion 9 hosting from A$15/month
>
>
>
>
> **
> Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> **




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] color contrast, success criterion 1.4.3

[Ben Buchanan]

So my question, how accurate is for  Juicestudios Color Contrast Analyser
> and Color Checker Firefox extension? Will the brightness of monitor affect
> the result.
>


Those tools should be accurate for text-only combinations that don't use
transparency*, but I don't think they can detect the contents of images.
Regardless, if you need something that works absolutely on the final
rendered result, try
http://www.paciellogroup.com/resources/contrast-analyser.html which gives
you an on-screen selector.

cheers,

Ben


* if you're using alpha transparency i've expanded on that point at
http://weblog.200ok.com.au/2009/09/accessibility-vs-alpha-transparency.html

-- 
--- 
--- The future has arrived; it's just not
--- evenly distributed. - William Gibson


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***