Re: [WSG] Encoded mailto links (and accessibility)
On 10/23/07, Moira Clunie [EMAIL PROTECTED] wrote: On 10/19/07, Michael MD [EMAIL PROTECTED] wrote: not much good for someone using a device without sound From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Or Golan I'm guessing that a person who uses a screen reader has sound on his device. Not necessarily - screen reader software can output to synthetic speech and/or to refreshable braille. Some people use a screen reader with a refreshable braille display and no sound. Moira Is there a place I can read about that technology (screen readers with refreshable braille)? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Leopard mail and standards
To everybody who has answered me in this thread: 1. I do realize that it is impossible to use perfect markup today, mainly because of the ghastly Outlook 2007. (A product I am boycotting BTW - but tell the to the mobile phone manufacturers. It syncs with Outlook is the ubiquitous sales pitch.) 2. I do realize that the rendering engine in use will be the same one as in Safari, which means really good CSS support but rather crappy (but improving) JS/DOM support (which is a non issue in mail, IMHO). BUT: When I outlined the issues (accessibility, separation of concerns, valid code) my question was perhaps a bit too unspecific. Will they implement best practices as far as it is possible today. Will it be step in the right direction or yet another step away from it. In my world its a sliding scale, not an either - or! Lars Gunther *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] how a href with javascript pass in A level
Hello, iam trying to understand how a page that have 1 or 2 javascript in href could pass in level A of WCAG 1. it have a noscript but that doesnt prove anything, cynthisays.com and TAW validators give the some result. I think they should give a warning or even a Human check. To prove if equivalent information are provide? The site that iam testing is www.alentejolitoral.pt it use a a href=javascript:SEB97811_Submit() title=Go Search but for using a noscript it pass in level A, this should be checked by humam, right!? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] how a href with javascript pass in A level
Hi, CynthiaSays should only be used as a first step so passing any online automated accessibility test by no means guarantee's that a site is accessible so you should always do a manual check. The search is definitely not accessible on the link you've provided as it simply doesn't work without JavaScript. The header (imagemap) also uses JavaScript so this appears broken to anyone browsing without it. If this same content is still navigable using the main menu then I wouldn't consider this a major issue although they should certainly remove the icon (hand pointer) when JavaScript isn't enabled otherwise it appears clickable when it's not. I agree, that maybe the online validation tests should give more warning that you need to manually test as well but I'd always treat them as an initial test just to ensure you have the basics in place before a manual accessibility test takes place. Hope that helps. Dave - - - - - - - - - - Dave Woods http://www.dave-woods.co.uk On 23/10/2007, Gaspar [EMAIL PROTECTED] wrote: Hello, iam trying to understand how a page that have 1 or 2 javascript in href could pass in level A of WCAG 1. it have a noscript but that doesnt prove anything, cynthisays.com and TAW validators give the some result. I think they should give a warning or even a Human check. To prove if equivalent information are provide? The site that iam testing is www.alentejolitoral.pt it use a a href=javascript:SEB97811_Submit() title=Go Search but for using a noscript it pass in level A, this should be checked by humam, right!? *** 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] how a href with javascript pass in A level
The problem is that the test pass in level A, and some links doesnt work without javascript but because of a existense of a noscript the test pass. I think this should get a manual check or warning. because almost noscript that i see just tell, this need flash plugin or this site need javascript or simple tell me that javascript is disabled. This it's not alternative information! So all clients that require level A, still gona have a inaccessible site, right!? On 23/10/2007, Dave Woods [EMAIL PROTECTED] wrote: Hi, CynthiaSays should only be used as a first step so passing any online automated accessibility test by no means guarantee's that a site is accessible so you should always do a manual check. The search is definitely not accessible on the link you've provided as it simply doesn't work without JavaScript. The header (imagemap) also uses JavaScript so this appears broken to anyone browsing without it. If this same content is still navigable using the main menu then I wouldn't consider this a major issue although they should certainly remove the icon (hand pointer) when JavaScript isn't enabled otherwise it appears clickable when it's not. I agree, that maybe the online validation tests should give more warning that you need to manually test as well but I'd always treat them as an initial test just to ensure you have the basics in place before a manual accessibility test takes place. Hope that helps. Dave - - - - - - - - - - Dave Woods http://www.dave-woods.co.uk On 23/10/2007, Gaspar [EMAIL PROTECTED] wrote: Hello, iam trying to understand how a page that have 1 or 2 javascript in href could pass in level A of WCAG 1. it have a noscript but that doesnt prove anything, cynthisays.com and TAW validators give the some result. I think they should give a warning or even a Human check. To prove if equivalent information are provide? The site that iam testing is www.alentejolitoral.pt it use a a href=javascript:SEB97811_Submit() title=Go Search but for using a noscript it pass in level A, this should be checked by humam, right!? *** 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] *** -- Make it simple for the people -- http://www.artideias.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] how a href with javascript pass in A level
Gaspar I think this should get a manual check or warning. You should ALWAYS do human checks of whatever an automated validation tools tells you, unless it's something purely technical (e.g. does markup validate to spec). P Patrick H. Lauke Web Editor Enterprise Development University of Salford Room 113, Faraday House Salford, Greater Manchester M5 4WT UK T +44 (0) 161 295 4779 [EMAIL PROTECTED] www.salford.ac.uk A GREATER MANCHESTER UNIVERSITY *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] how a href with javascript pass in A level
yes thats is my oppinion too, but the clients only gona see if pass or not. And for many developments that's all that matter. On 23/10/2007, Patrick Lauke [EMAIL PROTECTED] wrote: Gaspar I think this should get a manual check or warning. You should ALWAYS do human checks of whatever an automated validation tools tells you, unless it's something purely technical (e.g. does markup validate to spec). P Patrick H. Lauke Web Editor Enterprise Development University of Salford Room 113, Faraday House Salford, Greater Manchester M5 4WT UK T +44 (0) 161 295 4779 [EMAIL PROTECTED] www.salford.ac.uk A GREATER MANCHESTER UNIVERSITY *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Make it simple for the people -- http://www.artideias.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to make DHML cover flash
Hi Michael I had about 2 minutes to wait for the flash to download (and I have a 20Mbps connection), so ample time to click one of the menu items in Konquerer. For those browsers that don't do the wmode thing, how about some links elsewhere on the page. For instance in drop down menus it's a good idea to make the root level menu items linkable to some other page (like stock service etc etc) - on those pages show some links to their children and so on.. HTH James On 10/23/07, Michael Kear [EMAIL PROTECTED] wrote: Thanks Rogier, I appreciate your help. Since we are likely to have perhaps 1 or 2 users only using any of those browsers, and by far the vast majority of our users are using WindowsXP with IE6 or IE7 (remember this is not a IT related site - our customers are tshirt retailers and advertising agencies) I've decided the cost/benefit of fixing that isn't worth it. The few users inconvenienced by the issue can just use the back button or click on one of the top menu items and get the drop downs from there. Sorry for those people, but them's the breaks. Sometimes you have problems you know are there, but just simply aren't high enough in the priorities to get fixed. I have several other deadlines with this client to meet, and they're far more important than this one. But you're right, Rogier, it ought to be fixed for those users, but it's not going to be unless I have a slow day sometime. Cheers Mike Kear Windsor, NSW, Australia 0422 985 585 Adobe Certified Advanced ColdFusion Developer AFP Webworks Pty Ltd http://afpwebworks.com Full Scale ColdFusion hosting from A$15/month -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rogier Schoenmaker Sent: Tuesday, 23 October 2007 4:55 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] How to make DHML cover flash Hello, Just so you know, there's no dropdown shown in Firefox (IceWeasel) for debian, neither for Epiphany and Konquerer doesn't seem to work with flash. Hope it's useful. Regards, Rogier Schoenmaker. *** 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] Web Standards In Colleges and Universities
I was hired to work on a section of a fairly visible high volume site in the US. I had an image comp and was all set to build out the structure using standards when I got handed the html and css I was supposed to use. I was aghast as the table based nested table structure that was so sloppy it showed externally. The CSS I received was minimal. I did clean up the coding in my area, reducing the number of nested tables and depending more on divs. I expanded the CSS as well. My part and the greater site passed the 508 compliancy testing so it went live. Nancy Johnson __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] How to make DHML cover flash
You can get dhtml to cover flash by setting the flash to use wmode:transparent. However, this makes the content in the flash invisible to screen readers. IE6 is hell with z-index. Especially when combined with form elements. IE7 is much better and you should be able to create a page that works in all browsers with just a few issues in IE6. Yahoo! published the Graded Browser Support chart to justify which browsers can be supported reasonably. I don't think the browsers listed below are A-level. However, you shouldn't build to IE, but to standards-compliant browsers, like firefox/opera for win. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael Kear Sent: Monday, October 22, 2007 6:14 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] How to make DHML cover flash Thanks Rogier, I appreciate your help. Since we are likely to have perhaps 1 or 2 users only using any of those browsers, and by far the vast majority of our users are using WindowsXP with IE6 or IE7 (remember this is not a IT related site - our customers are tshirt retailers and advertising agencies) I've decided the cost/benefit of fixing that isn't worth it. The few users inconvenienced by the issue can just use the back button or click on one of the top menu items and get the drop downs from there. Sorry for those people, but them's the breaks. Sometimes you have problems you know are there, but just simply aren't high enough in the priorities to get fixed. I have several other deadlines with this client to meet, and they're far more important than this one. But you're right, Rogier, it ought to be fixed for those users, but it's not going to be unless I have a slow day sometime. Cheers Mike Kear Windsor, NSW, Australia 0422 985 585 Adobe Certified Advanced ColdFusion Developer AFP Webworks Pty Ltd http://afpwebworks.com Full Scale ColdFusion hosting from A$15/month -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rogier Schoenmaker Sent: Tuesday, 23 October 2007 4:55 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] How to make DHML cover flash Hello, Just so you know, there's no dropdown shown in Firefox (IceWeasel) for debian, neither for Epiphany and Konquerer doesn't seem to work with flash. Hope it's useful. Regards, Rogier Schoenmaker. *** 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] How to make DHML cover flash
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael Kear Sent: Monday, October 22, 2007 6:14 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] How to make DHML cover flash Since we are likely to have perhaps 1 or 2 users only using any of those browsers, and by far the vast majority of our users are using WindowsXP with IE6 or IE7 (remember this is not a IT related site - our customers are tshirt retailers and advertising agencies) I've decided the cost/benefit of fixing that isn't worth it. I work with a 6 non-techie business types who are all involved in advertising/licensing related functions and they all use Firefox by choice. Have you ever asked your users what they actually use? Do you have any stats on browsers (Google analytics will tell you this)? If not, you are just making a poor assumption. -- -- Christian Montoya christianmontoya.net *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Web Standards In Colleges and Universities
The way my school approached it was interesting. My major was in a combination of Interactivity, Video, and Animation under the label of Time Arts. It was definitely different than what I hear you describing here, so I think it depends on the university. For the interactive/web end of things, we had a Director class, Flash class, and Web development class. The Director class had nothing to do with the web, and the Flash class was never about making websites. In fact, we used to make small flash applications which could theoretically be used on websites, and it was easy to see how you could potentially make a website in Flash. I think our teacher was against it, though - interestingly enough, his portfolio site used to be all Flash - I just took a look and he redid it with XHTML/CSS (granted, frames too, but you can't expect miracles). The Web Design class was actually a really awesome basis, and more schools should have a Web course like this. The teacher was from the Graphic Design area of the school, and he taught a few classes to our major as well. He took us through the conceptual approach to developing for th web - our first site was based off architecture, the second off redesigning an existing site, and the third off an abstract concept. It gave us quite the realm to work with. While the layout was done using tables and some CSS for styling, it gave us a great foundation for moving forward and I was able to easily learn the remainder of CSS a short while after. I guess it depends on the major and what people are focusing on, too - for this class, not a lot of people would eventually become Web Developers (in fact, I'm one of the only few) so the lack of focus on code wasn't a big deal (we did code a lot in the Flash course). For those of us who wanted to expand there, it gave a great foundation just like all the other courses in that major. /End rant. Tim Palac http://www.timpalac.com AIM: TymArtist On 10/22/07, Christian Snodgrass [EMAIL PROTECTED] wrote: I am actually having a similar problem. I was able to skip the Web Development class, so I didn't have to sit through it, but I am sure it is similar to how yours is. We have a Javascript class and the HTML that is taught in there is hideous. Also, my teacher in my Multimedia class is wanting us to create a Flash-only website, which I've told him is not right. I'm actually planning on talking to them one-on-one to help them get up to today's standards. Also, I work for a group who's primary duty is to maintain the residential network, but also does things such as computer-related websites. I'm planning on putting together one for today's website standards as well as for accessibility and invite pretty much every computer and technology related teacher to it so I can help try and open some eyes. I think it is such a shame when the schools turn out sub-par web developers, who later become more roadblocks to acceptable standards usage. But, like others have already said, don't be confrontational, be informative. I am in my 5th semester so I know many of the teachers in quite well already, so I can talk to them without them getting defensive. You have to be helpful or else they'll just plug their ears and refuse to listen. Good luck with your school, Christian Snodgrass James Jeffery wrote: Good Morning! Here is my problem. Im at college this year, preparing for University (Hopefully Birmingham) to study Software Engineering. At college we have a class on a Thursday called Web Development and the guy thats teaching the class in an absolute joke, no seriously, he is. He is teaching students how to create web pages using Dreamweaver in Design view, and then telling students if they can do this, they are Web Designers. I was angry, i instantly replied and questioned his knowledge on HTML and asked the age old question: What are tables in HTML used for?, he replied To lay out web pages and for tabled data, i replied with wrong, he laughed and told me he knows what he is talking about. I seriously want to raise a huge issue at the college, but im not sure how to do it. This guy is on 22k+ a year, and cannot even teach people correctly, he may have been a pro back in the days when tables were acceptable to lay out web pages, but in todays world he is a fool. Its half term now, we have an assignment to complete using Dreamweaver, and he said i have to use tables, its not a problem, i will do as the assignment requests. I will walk the extra mile and create the same page without tables, with semantics, with accessibility in mind and without the bloated mark-up, and then write a essay comparing the both. What power do i have (if any) to try and get the college to understand they cannot use a cowboy to teach tomorrows computer experts. Should i use my essay and examples and take it to the head of the college? I really don't know how to go
Re: [WSG] Web Standards In Colleges and Universities
For colleges and universities based in the USA, you might want to look at your respective state laws with respect web accessibility. Some states are either incorporating the federal Section 508 accessibility law for all state (supported) web sites, or are writing their own state web accessibility laws to mirror the federal law. In either case, if you attend a college or university in one of those states, and that institution receives federal education funding, you might want to politely bring it up with your web instructor. It would be rather disingenuous for a web instructor to not teach according to web standards and accessibility requirements, when their employer's web site (the college or university web site) probably comes under the state law jurisdiction with respect to W3C and accessibility standards as required by that state's laws. Dennis Lapcewich USDA Forest Service Webmaster Pacific Northwest Region - Vancouver, WA 360-891-5024 - Voice | 360-891-5045 - Fax [EMAIL PROTECTED] People who say it cannot be done should not interrupt those who are doing it. -- Anonymous *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Help
Hi There, You just need to put a rule in your style sheet to exempt images from the hover style. This should work as a global rule: #sidebar a img {border: none} Hope this helps. Tim Olajide Olaolorun wrote: Can someone please help me with this small problem i'm having I seem to have a problem with the link hover style i set for the whole sidebar with the images I am trying to take it out for images that are links... like the image showing to the right in the sidebar... but i have no success. Can someone please help me out. http://www.rockondude.net/pre If you see the thumbnail to the right... am trying to take out the hover style for that. Thanks a lot. -- *Tim Mackay* Web Developer p: +612 8917 7900 e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] w: www.deepend.com.au http://www.deepend.com.au http://www.deepend.com.au/latest http://www.deepend.com.au/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Javascript Code not working in IE6
In my javascript class at college, I have to find out why this piece of code does not run in IE6. I can't seem to figure out why. If anyone knows, that would be great cheers, Alex. Code below !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd; html head titleExercise 4/title meta http-equiv=Content-Type content=text/html; charset=utf-8 style type=text/css .borders { border: 1px solid red; width: 150px; } .li_borders { background: yellow; border: 1px solid blue; color: red; } .li2_borders { background: blue; color: white; } #ul2 { xwidth: 150px; } #ul2 li { border-color: silver; border-style: solid; border-width: 1px 1px 0px 1px; display: inline; font-weight:bold; margin: 0; padding: 0 4px; } /style script type=text/javascript window.onload = init; function init() { var liArr = new Array(); var idx; //--- process first UL block var id = document.getElementById(ul1); id.addEventListener(mouseover, ul1on, false); id.addEventListener(mouseout, ul1off, false); liArr = id.getElementsByTagName(li); for(idx=0; idxliArr.length; idx++ ) { liArr[idx].addEventListener(click, li_s, false); liArr[idx].addEventListener(mouseover, li_on, false); liArr[idx].addEventListener(mouseout, li_off, false); } //--- process second UL block id = document.getElementById(ul2); liArr = id.getElementsByTagName(li); for(idx=0; idxliArr.length; idx++ ) { liArr[idx].addEventListener(click, li_s, false); liArr[idx].addEventListener(mouseover, li2_on, false); liArr[idx].addEventListener(mouseout, li2_off, false); } } function ul1on() { document.getElementById(ul1).className=borders;} function ul1off(){ document.getElementById(ul1).className=;} function li_s() { alert(this.innerHTML); } function li_on() { document.getElementById(this.id).className=li_borders;} function li_off(){ document.getElementById(this.id).className=;} function li2_on() { document.getElementById(this.id).className=li2_borders;} function li2_off(){ document.getElementById(this.id).className=;} /script /head body pThis doesn't work in Internet Explorer 6. Why and whats the solution?/p ul id=ul1 li id=li11item 1/li li id=li12item 2/li li id=li13item 3 /li /ul ul id=ul2 li id=li21item 1/li li id=li22item 2/li li id=li23item 3 /li /ul /body /html _ What are you waiting for? Join Lavalife FREE http://a.ninemsn.com.au/b.aspx?URL=http%3A%2F%2Flavalife9%2Eninemsn%2Ecom%2Eau%2Fclickthru%2Fclickthru%2Eact%3Fid%3Dninemsn%26context%3Dan99%26locale%3Den%5FAU%26a%3D30288_t=764581033_r=email_taglines_Join_free_OCT07_m=EXT *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Help
Your image is using the same a:hover properties as the text a:hover. so give the image its own class or id attribute, with no border, so say... .noborder{border:none} then add img class=noborder to the image Ben Olajide Olaolorun wrote: Can someone please help me with this small problem i'm having I seem to have a problem with the link hover style i set for the whole sidebar with the images I am trying to take it out for images that are links... like the image showing to the right in the sidebar... but i have no success. Can someone please help me out. http://www.rockondude.net/pre If you see the thumbnail to the right... am trying to take out the hover style for that. Thanks a lot. -- *Web King Design limited* Web: www.webking.co.nz http://webking.co.nz Email: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] Mobile: 0064 21 0224 6986 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Help
It doesnt work :( I just tried it now... placed it in the default.css On 10/23/07, Tim MacKay [EMAIL PROTECTED] wrote: Hi There, You just need to put a rule in your style sheet to exempt images from the hover style. This should work as a global rule: #sidebar a img {border: none} Hope this helps. Tim Olajide Olaolorun wrote: Can someone please help me with this small problem i'm having I seem to have a problem with the link hover style i set for the whole sidebar with the images I am trying to take it out for images that are links... like the image showing to the right in the sidebar... but i have no success. Can someone please help me out. http://www.rockondude.net/pre If you see the thumbnail to the right... am trying to take out the hover style for that. Thanks a lot. -- *Tim Mackay* Web Developer p: +612 8917 7900 e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] w: www.deepend.com.au http://www.deepend.com.au http://www.deepend.com.au/latest http://www.deepend.com.au/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Best Regards, Olajide Olaolorun ### Personal: http://www.olajideolaolorun.com Business: http://www.tripleo.biz *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Help
Olajide Olaolorun wrote: It doesnt work :( I just tried it now... placed it in the default.css On 10/23/07, Tim MacKay [EMAIL PROTECTED] wrote: #sidebar a img {border: none} I haven't looked at your code but you mentioned it not displaying a border on hover so presumably you need this: #sidebar a:hover img {border: none} *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Help
That doesnt work too Ben... On 10/23/07, Web King Design [EMAIL PROTECTED] wrote: Your image is using the same a:hover properties as the text a:hover. so give the image its own class or id attribute, with no border, so say... .noborder{border:none} then add img class=noborder to the image Ben Olajide Olaolorun wrote: Can someone please help me with this small problem i'm having I seem to have a problem with the link hover style i set for the whole sidebar with the images I am trying to take it out for images that are links... like the image showing to the right in the sidebar... but i have no success. Can someone please help me out. http://www.rockondude.net/pre If you see the thumbnail to the right... am trying to take out the hover style for that. Thanks a lot. -- Web King Design limited Web: www.webking.co.nz Email: [EMAIL PROTECTED] Mobile: 0064 21 0224 6986 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Best Regards, Olajide Olaolorun ### Personal: http://www.olajideolaolorun.com Business: http://www.tripleo.biz *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Help
I think Chris is right. Set the a:hover to {border: none;} Olajide Olaolorun wrote: It doesnt work :( I just tried it now... placed it in the default.css On 10/23/07, Tim MacKay [EMAIL PROTECTED] wrote: Hi There, You just need to put a rule in your style sheet to exempt images from the hover style. This should work as a global rule: #sidebar a img {border: none} Hope this helps. Tim Olajide Olaolorun wrote: Can someone please help me with this small problem i'm having I seem to have a problem with the link hover style i set for the whole sidebar with the images I am trying to take it out for images that are links... like the image showing to the right in the sidebar... but i have no success. Can someone please help me out. http://www.rockondude.net/pre If you see the thumbnail to the right... am trying to take out the hover style for that. Thanks a lot. -- *Tim Mackay* Web Developer p: +612 8917 7900 e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] w: www.deepend.com.au http://www.deepend.com.au http://www.deepend.com.au/latest http://www.deepend.com.au/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- *Tim Mackay* Web Developer p: +612 8917 7900 e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] w: www.deepend.com.au http://www.deepend.com.au http://www.deepend.com.au/latest http://www.deepend.com.au/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Javascript Code not working in IE6
IE does not support the W3C addEventListener, it uses attacheEvent so you need a cross-browser way to attach events. Here's one: function attachEventListener(target, eventType, functionRef, capture){ // function can be called with a pointer or a string representing a function name if (typeof(functionRef)== 'string') { functionRef=eval(functionRef); } if (typeof target.addEventListener != undefined){ target.addEventListener(eventType, functionRef, capture); } else if (typeof target.attachEvent != undefined){ target.attachEvent(on + eventType, functionRef); } else { eventType = on + eventType; if(typeof target[eventType] == function){ var oldListener = target[eventType]; target[eventType] = function(){ oldListener(); return functionRef(); }; }else{ target[eventType] = functionRef; } } } From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Alexander Uribe Sent: Wednesday, 24 October 2007 10:09 AM To: wsg@webstandardsgroup.org Subject: [WSG] Javascript Code not working in IE6 In my javascript class at college, I have to find out why this piece of code does not run in IE6. I can't seem to figure out why. If anyone knows, that would be great cheers, Alex. Code below !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd; html head titleExercise 4/title meta http-equiv=Content-Type content=text/html; charset=utf-8 style type=text/css .borders { border: 1px solid red; width: 150px; } .li_borders { background: yellow; border: 1px solid blue; color: red; } .li2_borders { background: blue; color: white; } #ul2 { xwidth: 150px; } #ul2 li { border-color: silver; border-style: solid; border-width: 1px 1px 0px 1px; display: inline; font-weight:bold; margin: 0; padding: 0 4px; } /style script type=text/javascript window.onload = init; function init() { var liArr = new Array(); var idx; //--- process first UL block var id = document.getElementById(ul1); id.addEventListener(mouseover, ul1on, false); id.addEventListener(mouseout, ul1off, false); liArr = id.getElementsByTagName(li); for(idx=0; idxliArr.length; idx++ ) { liArr[idx].addEventListener(click, li_s, false); liArr[idx].addEventListener(mouseover, li_on, false); liArr[idx].addEventListener(mouseout, li_off, false); } //--- process second UL block id = document.getElementById(ul2); liArr = id.getElementsByTagName(li); for(idx=0; idxliArr.length; idx++ ) { liArr[idx].addEventListener(click, li_s, false); liArr[idx].addEventListener(mouseover, li2_on, false); liArr[idx].addEventListener(mouseout, li2_off, false); } } function ul1on() { document.getElementById(ul1).className=borders;} function ul1off(){ document.getElementById(ul1).className=;} function li_s() { alert(this.innerHTML); } function li_on() { document.getElementById(this.id).className=li_borders;} function li_off(){ document.getElementById(this.id).className=;} function li2_on() { document.getElementById(this.id).className=li2_borders;} function li2_off(){ document.getElementById(this.id).className=;} /script /head body pThis doesn't work in Internet Explorer 6. Why and whats the solution?/p ul id=ul1 li id=li11item 1/li li id=li12item 2/li li id=li13item 3 /li /ul ul id=ul2 li id=li21item 1/li li id=li22item 2/li li id=li23item 3 /li /ul /body /html Join Lavalife for free. What are you waiting for? http://a.ninemsn.com.au/b.aspx?URL=http%3A%2F%2Flavalife9%2Eninemsn%2Ec om%2Eau%2Fclickthru%2Fclickthru%2Eact%3Fid%3Dninemsn%26context%3Dan99%26 locale%3Den%5FAU%26a%3D30288_t=764581033_r=email_taglines_Join_free_OC T07_m=EXT *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Help
Chris Knowles wrote: #sidebar a:hover img {border: none} I had a look at your code! - try this: #sidebar .one-image a:hover { border: 0 !important; } in your code you used: #sidebar a:hover,.blogfoot a:hover{ border:1px solid #FFF !important; } because tou used important! you need to use it in the override rule too *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Javascript Code not working in IE6
Alexander Uribe wrote: In my javascript class at college, I have to find out why this piece of code does not run in IE6. I can't seem to figure out why. If anyone knows, that would be great cheers, Alex. Code below !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd; html head titleExercise 4/title meta http-equiv=Content-Type content=text/html; style type=text/css .borders { border: 1px solid red; width: 150px; } .li_borders { background: yellow; border: 1px solid blue; color: red; } .li2_borders { background: blue; color: white; } #ul2 { xwidth: 150px; } #ul2 li { border-color: silver; border-style: solid; border-width: 1px 1px 0px 1px; display: inline; font-weight:bold; margin: 0; padding: 0 4px; } /style script type=text/javascript window.onload = init; function init() { var liArr = new Array(); var idx; //--- process first UL block var id = document.getElementById(ul1); id.addEventListener(mouseover, ul1on, false); id.addEventListener(mouseout, ul1off, false); liArr = id.getElementsByTagName(li); for(idx=0; idxliArr.length; idx++ ) { liArr[idx].addEventListener(click, li_s, false); liArr[idx].addEventListener(mouseover, li_on, false); liArr[idx].addEventListener(mouseout, li_off, false); } //--- process second UL block id = document.getElementById(ul2); liArr = id.getElementsByTagName(li); for(idx=0; idxliArr.length; idx++ ) { liArr[idx].addEventListener(click, li_s, false); liArr[idx].addEventListener(mouseover, li2_on, false); liArr[idx].addEventListener(mouseout, li2_off, false); } } function ul1on() { document.getElementById(ul1).className=borders;} function ul1off(){ document.getElementById(ul1).className=;} function li_s() { alert(this.innerHTML); } function li_on() { document.getElementById(this.id).className=li_borders;} function li_off(){ document.getElementById(this.id).className=;} function li2_on() { document.getElementById(this.id).className=li2_borders;} function li2_off(){ document.getElementById(this.id).className=;} /script /head body pThis doesn't work in Internet Explorer 6. Why and whats the solution?/p ul id=ul1 li id=li11item 1/li li id=li12item 2/li li id=li13item 3 /li /ul ul id=ul2 li id=li21item 1/li li id=li22item 2/li li id=li23item 3 /li /ul /body /html Join Lavalife for free. What are you waiting for? http://a.ninemsn.com.au/b.aspx?URL=http%3A%2F%2Flavalife9%2Eninemsn%2Ecom%2Eau%2Fclickthru%2Fclickthru%2Eact%3Fid%3Dninemsn%26context%3Dan99%26locale%3Den%5FAU%26a%3D30288_t=764581033_r=email_taglines_Join_free_OCT07_m=EXT *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** No virus found in this incoming message. Checked by AVG Free Edition. Version: 7.5.503 / Virus Database: 269.15.8/1088 - Release Date: 10/23/2007 1:26 PM Does it have anything to do with the fact that Line 22 #ul2 Property xwidth doesn't exist : 150px even if that is not actually JavaScript? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***begin:vcard fn:Kevin Lennon n:Lennon;Kevin org:Lake Area Webs adr:;;227 Fire Tower Road;Milford;PA;18337;United States of America email;internet:[EMAIL PROTECTED] title:Web Design Developer tel;home:570-296-3865 url:http://www.lakeareawebs.com version:2.1 end:vcard
Re: [WSG] CSS Help
Chris Knowles wrote: Chris Knowles wrote: #sidebar a:hover img {border: none} I had a look at your code! - try this: #sidebar .one-image a:hover { border: 0 !important; } Olajide, because you are resetting a border of 1px to 0 the image will probably move so you may need to do this: #sidebar .one-image a:hover { border: 1px solid #000 !important; } -- Chris Knowles *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Help
try this.. #yourimage a img{ border: none; } OR .yourimage{margin:0px} .yourimage a{border:none} .yourimage a:hover{border:none;} Tim MacKay wrote: I think Chris is right. Set the a:hover to {border: none;} Olajide Olaolorun wrote: It doesnt work :( I just tried it now... placed it in the default.css On 10/23/07, Tim MacKay [EMAIL PROTECTED] wrote: Hi There, You just need to put a rule in your style sheet to exempt images from the hover style. This should work as a global rule: #sidebar a img {border: none} Hope this helps. Tim Olajide Olaolorun wrote: Can someone please help me with this small problem i'm having I seem to have a problem with the link hover style i set for the whole sidebar with the images I am trying to take it out for images that are links... like the image showing to the right in the sidebar... but i have no success. Can someone please help me out. http://www.rockondude.net/pre If you see the thumbnail to the right... am trying to take out the hover style for that. Thanks a lot. -- *Tim Mackay* Web Developer p: +612 8917 7900 e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] w: www.deepend.com.au http://www.deepend.com.au http://www.deepend.com.au/latest http://www.deepend.com.au/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- *Web King Design limited* Web: www.webking.co.nz http://webking.co.nz Email: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] Mobile: 0064 21 0224 6986 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Help
Try this... a img { margin-bottom: -2px; vertical-align: sub; border: none;} Worked for me in a similar situation. David On 24/10/2007, at 9:03 AM, Olajide Olaolorun wrote: Can someone please help me with this small problem i'm having I seem to have a problem with the link hover style i set for the whole sidebar with the images I am trying to take it out for images that are links... like the image showing to the right in the sidebar... but i have no success. Can someone please help me out. http://www.rockondude.net/pre If you see the thumbnail to the right... am trying to take out the hover style for that. Thanks a lot. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Help
Contrary to everything else put forth about the 'issue', this actually works... change #sidebar a:hover,.blogfoot a:hover{ border:1px solid #FFF !important; } to #sidebar li a:hover,.blogfoot a:hover{ border:1px solid #FFF !important; } add the li so it only applies to links inside the list. simple pie. The other attempts here try to fix a problem with an extra rule, when if done correctly you don't need it. On 10/23/07, David Niemann [EMAIL PROTECTED] wrote: Try this... a img { margin-bottom: -2px; vertical-align: sub; border: none;} Worked for me in a similar situation. David On 24/10/2007, at 9:03 AM, Olajide Olaolorun wrote: Can someone please help me with this small problem i'm having I seem to have a problem with the link hover style i set for the whole sidebar with the images I am trying to take it out for images that are links... like the image showing to the right in the sidebar... but i have no success. Can someone please help me out. http://www.rockondude.net/pre If you see the thumbnail to the right... am trying to take out the hover style for that. Thanks a lot. *** 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] CSS Help
Chris Wilson wrote: Contrary to everything else put forth about the 'issue', this actually works... that statement isn't correct because this also works: #sidebar .one-image a:hover { border: 1px solid #000 !important; } The other attempts here try to fix a problem with an extra rule, when if done correctly you don't need it. I don't think there is a correct way, there are just different ways, as all solutions have their implications - e.g. your solution assumes only links in lists require this style which is not necessarily the case - so if other links are added outside of a list an extra rule may be required for them the solution I have given above may add an extra rule but it solves the problem without tampering with the existing css - so it's not necessarily clear which solution is better -- Chris Knowles *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Help
Lex parsimoniae. Cheers. On 10/23/07, Chris Knowles [EMAIL PROTECTED] wrote: Chris Wilson wrote: Contrary to everything else put forth about the 'issue', this actually works... that statement isn't correct because this also works: #sidebar .one-image a:hover { border: 1px solid #000 !important; } The other attempts here try to fix a problem with an extra rule, when if done correctly you don't need it. I don't think there is a correct way, there are just different ways, as all solutions have their implications - e.g. your solution assumes only links in lists require this style which is not necessarily the case - so if other links are added outside of a list an extra rule may be required for them the solution I have given above may add an extra rule but it solves the problem without tampering with the existing css - so it's not necessarily clear which solution is better -- Chris Knowles *** 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] CSS Help
Chris Knowles solution works... both of them... I used the first one though cause i didnt want the border at all. Under firefox, the border cuts into the h3 title... so i dont mind the shifting Thanks a lot guys On 10/23/07, Chris Knowles [EMAIL PROTECTED] wrote: Chris Wilson wrote: Contrary to everything else put forth about the 'issue', this actually works... that statement isn't correct because this also works: #sidebar .one-image a:hover { border: 1px solid #000 !important; } The other attempts here try to fix a problem with an extra rule, when if done correctly you don't need it. I don't think there is a correct way, there are just different ways, as all solutions have their implications - e.g. your solution assumes only links in lists require this style which is not necessarily the case - so if other links are added outside of a list an extra rule may be required for them the solution I have given above may add an extra rule but it solves the problem without tampering with the existing css - so it's not necessarily clear which solution is better -- Chris Knowles *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Best Regards, Olajide Olaolorun ### Personal: http://www.olajideolaolorun.com Business: http://www.tripleo.biz *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] how a href with javascript pass in A level
The problem is that the test pass in level A, and some links doesnt work without javascript but because of a existense of a noscript the test pass. I think this should get a manual check or warning. because almost noscript that i see just tell, this need flash plugin or this site need javascript or simple tell me that javascript is disabled. This it's not alternative information! So all clients that require level A, still gona have a inaccessible site, right!? That means it would also fail my old favourite accessability test going right back to the old days ... - view it in lynx to see what the page looks like without images, plugins, javascript, css or tables http://lynx.isc.org/ lynx was also the first web browser I ever used back in 1994 (I had a 386 back then with 2MB RAM and a shell account on linux bbs - so running something like Mosaic or Netscape was not possible!) I guess thats why I knew about hx tags, the alt attribute, unordered lists, etc before I knew anything about tables, fonts, etc... because until a couple of years later when I bought a new computer I wasn't very interested in markup I could not see on lynx! *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***