[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/ --- On Mon, 3/5/10, wsg@webstandardsgroup.org wsg@webstandardsgroup.org wrote: From: wsg@webstandardsgroup.org wsg@webstandardsgroup.org Subject: WSG Digest To: wsg@webstandardsgroup.org Received: Monday, 3 May, 2010, 6:34 AM * WEB STANDARDS GROUP MAIL LIST DIGEST * From: w...@afpwebworks.com 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] Why does IE show text decoration on these buttons?
Mike, In your CSS all I see are general rules set with text- decoration: underline. I don't see the text-decoration: none anywhere. I would make your rules more specific. Kathleen On May 2, 2010, at 10:31 PM, w...@afpwebworks.com wrote: 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 *** 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] Comments Please? Site Check.
Hello Kathleen, Could you please provide the url? Thanks Sundar On Mon, May 3, 2010 at 11:22 AM, Kathleen R Dery krd...@gmail.com wrote: 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 *** -- Sundar *** 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?
Hi Mike Heres you CSS from a Mac they both show text-decoration:underline; a:link, a:visited { color:#2E438C; text-decoration:underline; } a:hover, a:active { background:none repeat scroll 0 0 #00; color:#FF; text-decoration:underline; } You can change a:hover text dec to be none or you could make it go away by giving your a href= class=noDecolink/a and css .noDeco{text-decoration:none;} to test it Good Luck Craig w...@afpwebworks.com wrote: 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 *** 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] Why does IE show text decoration on these buttons?
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: td colspan=3 id=menubar align=center 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?
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: td colspan=3 id=menubar align=center 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
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
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 weblis...@gmail.com 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
Hi tee On 3 May 2010 20:20, tee weblis...@gmail.com 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.
Hello! We still don't have a url to help you with! -- From: Kathleen R Dery krd...@gmail.com 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?)
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
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: w...@afpwebworks.com 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
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 -- --- http://weblog.200ok.com.au/ --- 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 ***