[WSG] HTML5 and invalid meta tags
I notice that some meta tags (like copyright) are invalid html5. The validator complains of a 'bad value'. I've searched for this and indeed found refs to others having the same problem, but I didn't find anything which details the change as such, or indeed why. Is it real, or do I just ignore it as a blip? Anyone know what's going on? Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Google Les Paul tribute
It uses the html5 'canvas' tag as the basis. http://en.wikipedia.org/wiki/Canvas_element any many more . . . Bob - Original Message - From: Jason Grant To: wsg@webstandardsgroup.org Sent: Thursday, June 09, 2011 12:11 PM Subject: Re: [WSG] Google Les Paul tribute HTML, CSS and JavaScript of course. On Thu, Jun 9, 2011 at 12:05 PM, Grant Bailey grant_malcolm_bai...@westnet.com.au wrote: Hello, Today's Google home page has an interactive guitar in honour of Les Paul. It makes sounds when you 'strum' the strings. I was wondering what technologies Google used to create this incredible element. It does not appear to be Flash ... does anyone know. Thank you and kind regards, Grant Bailey *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Jason Grant BSc [Hons], MSc [Hons] Customer Experience Architect Flexewebs Ltd. www.flexewebs.com ja...@flexewebs.com +44 (0)7748 591 770 www.flexewebs.com/semantix www.twitter.com/flexewebs www.linkedin.com/in/flexewebs *** 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] embedding flash in html5 - alternative content
Thanks Henrik, but the trouble here is that classid is deprecated in html5 and it won't validate. . . Bob - Original Message - From: Henrik Madsen To: wsg@webstandardsgroup.org Sent: Wednesday, May 11, 2011 10:40 AM Subject: Re: [WSG] embedding flash in html5 - alternative content http://code.google.com/p/swfobject/ Henrik Madsen +61 08 9387 1250 hen...@igenerator.com.au www.igenerator.com.au On 11/05/2011, at 5:04 PM, designer wrote: I wondered if any of you who use Flash would indicate how you approach the provision of alternative content when embedding the swf file in html5. The basic use of embed: embed src=mainmenu/mainopening.swf type=application/x-shockwave-flash width=497 height=329/ is simplicity itself, but how do you provide alternative content for folk without flash? That is, what method do you recommend? I always used to do this kind of thing: object data=mainopening.swf width=497 height=281 type=application/x-shockwave-flash param name=movie value=mainopening.swf / param name=quality value=high / param name=bgcolor value=#fff / img src=../sitegraphics/sheltieopening.jpg alt=Sheltie opening graphic width=485 height=268 / /objectAny help gratefully recvd. Bob *** 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 *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] embedding flash in html5 - alternative content
I wondered if any of you who use Flash would indicate how you approach the provision of alternative content when embedding the swf file in html5. The basic use of embed: embed src=mainmenu/mainopening.swf type=application/x-shockwave-flash width=497 height=329/ is simplicity itself, but how do you provide alternative content for folk without flash? That is, what method do you recommend? I always used to do this kind of thing: object data=mainopening.swf width=497 height=281 type=application/x-shockwave-flash param name=movie value=mainopening.swf / param name=quality value=high / param name=bgcolor value=#fff / img src=../sitegraphics/sheltieopening.jpg alt=Sheltie opening graphic width=485 height=268 / /objectAny help gratefully recvd. Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] html5 and iframes?
- Original Message - From: Birendra biren...@viteb.com To: wsg@webstandardsgroup.org Sent: Thursday, March 10, 2011 4:58 AM Subject: RE: [SPAM] Re: [SPAM] [WSG] html5 and iframes? Hey Bob Here is the your site code use this. It's work fine in my system. Site code Thanks v.much Birenda, but, if you validate the page, you'll see this : Line 102, Column 51: The frameborder attribute on the iframe element is obsolete. Use CSS instead. olorscheme=lightamp; frameborder=0 width=600 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***error.png
Re: [WSG] html5 and iframes?
Hi again Birendra, I was using the W3C validator. I don't get an error now I'm using xhtml transitional, but I did when I was using html5. frameborder is not supported in html5. That was the problem. See the previous posts on this. Thanks for your effort. Bob - Original Message - From: Birendra biren...@viteb.com To: wsg@webstandardsgroup.org Sent: Thursday, March 10, 2011 11:40 AM Subject: RE: [SPAM] Re: [WSG] html5 and iframes? Hi Thanks for your Replay. I don't know how you check the validation for the site. I checked the code in the http://validator.w3.org/check and didn't get any error for the frameborder use. Check this code iframe id=noborder src=http://www.viteb.com; frameborder=0 width=600px/iframe You didn't get error for the frameborder. Birendra Patel (Web Designer) wpajdp.pmm http://www.viteb.com -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of designer Sent: Thursday, March 10, 2011 3:23 PM To: wsg@webstandardsgroup.org Subject: [SPAM] Re: [WSG] html5 and iframes? The attached message from designer desig...@gwelanmor-internet.co.uk was determined by the Spam Blocker to be spam based on a score of 5.0 where anything above 4.3 is spam. *** 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] html5 and iframes?
I am having a problem with iframes in html5. I am trying to put a facebook 'like' link on a website and the results are not always as expected. Particularly, IE 7 and 8 show a border AND the box size is different! I am using this: iframe id=noborder src=http://www.facebook.com/plugins/like.php?href=www.marscovista.co.ukamp;layout=standardamp;show_faces=falseamp;action=likeamp;font=verdanaamp;colorscheme=lightamp;; /iframe in conjunction with #noborder { border : 0!important; height : 35px; width : 600px; } It's fine in Firefox, Safari and IE6 (amazingly!), but not in IE7 and 8. Am I missing something? You can see it in situ here: http://www.marscovista.fsnet.co.uk/index_beta.html Any help gratefully recvd! Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [SPAM] [WSG] html5 and iframes?
Thanks to all who responded, but I should perhaps point out that 'frameborder' is not supported in html5. Also, let me stress : the code validates fine, and works fine - except IE7 and 8. IE6 is OK. I just don't understand that and I wondered if anyone else has encountered this (surely, 6000+ folk - at least one person must have . . . ) - or am I missing something obvious? Anthony asked if I could sent out a screen capture? Well, the 'actual' page can be seen at http://www.marscovista.fsnet.co.uk/index_beta.html , as I said before. Thanks again, Bob - Original Message - From: Birendra biren...@viteb.com To: wsg@webstandardsgroup.org Sent: Wednesday, March 09, 2011 1:50 PM Subject: RE: [SPAM] [WSG] html5 and iframes? Use this code iframe frameborder=0 Birendra Patel http://www.viteb.com *** 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: [SPAM] [WSG] html5 and iframes?
- Original Message - From: Russ Weakley r...@maxdesign.com.au To: wsg@webstandardsgroup.org Sent: Wednesday, March 09, 2011 6:57 PM Subject: Re: [SPAM] [WSG] html5 and iframes? Thanks for that Russ - at least I know I'm not cracking up! Although I did manage to read your page before you wrote it (It's still the 9th March in England :-) Bob ** Agree... but support is sadly poor for the seamless attribute. Here is a quick article on seamless: iframe scrollbars and borders in HTML5 – working with “seamless” http://www.maxdesign.com.au/2011/03/10/iframe-scrollbars-and-html5/ Thanks Russ *** 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: [SPAM] [WSG] html5 and iframes?
Thanks for that Anthony - sadly, I'm not good enough with JS to sort this. Sp, esp in view of the mail from Russ, I think I'll take the easy way and go back to an XHTML trans page for this particular exercise! Thanks all. Bob - Original Message - From: Anthony Schultz To: wsg@webstandardsgroup.org Sent: Wednesday, March 09, 2011 3:37 PM Subject: Re: [SPAM] [WSG] html5 and iframes? I asked because I do not have access to the browsers in question at the moment. Take a look at this StackOverflow link. http://stackoverflow.com/questions/1625835/ie-8-iframe-border-problem http://stackoverflow.com/questions/1516803/how-to-remove-border-from-iframe-in-ie-using-javsascript Another option might be to set the width of the border to zero, or attempt to change its color to match the background. HTML5 has an attribute seamless for iFrame. I imagine you have this, but those two browsers aren't respecting it. I am going to have to say that you will probably need to use JS to modify the iFrame by specifically targeting ie7 and ie8 browsers. I do not think there is a way to make those two conform nicely. Anthony On Wed, Mar 9, 2011 at 9:18 AM, designer desig...@gwelanmor-internet.co.uk wrote: Thanks to all who responded, but I should perhaps point out that 'frameborder' is not supported in html5. Also, let me stress : the code validates fine, and works fine - except IE7 and 8. IE6 is OK. I just don't understand that and I wondered if anyone else has encountered this (surely, 6000+ folk - at least one person must have . . . ) - or am I missing something obvious? Anthony asked if I could sent out a screen capture? Well, the 'actual' page can be seen at http://www.marscovista.fsnet.co.uk/index_beta.html , as I said before. Thanks again, Bob - Original Message - From: Birendra biren...@viteb.com To: wsg@webstandardsgroup.org Sent: Wednesday, March 09, 2011 1:50 PM Subject: RE: [SPAM] [WSG] html5 and iframes? Use this code iframe frameborder=0 Birendra Patel http://www.viteb.com *** 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 *** *** 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] HTML5 v. HTML 4.x
I hear what you are saying Steve, but isn't that always the case? The HTML5 scenario is becoming de rigueur now, just as a) tables vs divs and floats and b)XHTML were years ago. It's only by becoming familiar with 'changes' that one can decide for oneself if there are advantages (or not). It's not just 'cool', it's advisable - if you want to make an informed decision. Bob - Original Message - From: Steve Green To: wsg@webstandardsgroup.org Sent: Thursday, January 27, 2011 11:56 AM Subject: RE: [WSG] HTML5 v. HTML 4.x In my view it depends on who you are and who is paying for the website development. If you are building a website for yourself, by all means spend as much time as you like learning about the new technologies and implementing them. However, if you are building a website for someone else, you should obtain their consent before spending more than is necessary to meet their needs. HTML4 and XHTML1.0 already meet most needs. At first it will take developers longer to build sites using HTML5 because they are less familiar with it, and the client should not have to pay for that if they are deriving no benefit. If you think there may be some unquantifiable benefit in the future, ask the client if they want to pay more now in order to reap that benefit. I am all for the advancement of accessibility but I feel that a lot of developers want to use these new technologies because they are cool and interesting, not because they provide better value for their clients. Steve *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Lightbox++ and mobiles etc
I making an html5 site with a few galleries, each one being a grid of images 4 rows of three thumbnails. Clicking the thumbnails provides a 600px wide image via lightbox++. The images are all 600px wide, but the heights are different. When it comes to making the galleries visible on a mobile phone I do not have a problem since I've made the structure elastic and the grid shrinks to 6 rows of 2 images. Fine. BUT : clearly, the lightbox images simply do not fit on the small screen and I wondered if anyone has solved the problem of how to stop the lightbox working on small screens? Media queries? All suggestions welcome. Many thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Lightbox++ and mobiles etc
- Original Message - From: David Laakso To: wsg@webstandardsgroup.org Sent: Tuesday, January 18, 2011 12:34 PM Subject: Re: [WSG] Lightbox++ and mobiles etc On 1/18/11 6:49 AM, designer wrote: I making an html5 site with a few galleries, each one being a grid of images 4 rows of three thumbnails. Clicking the thumbnails provides a 600px wide image via lightbox++. The images are all 600px wide, but the heights are different. When it comes to making the galleries visible on a mobile phone I do not have a problem since I've made the structure elastic and the grid shrinks to 6 rows of 2 images. Fine. BUT : clearly, the lightbox images simply do not fit on the small screen and I wondered if anyone has solved the problem of how to stop the lightbox working on small screens? Media queries? All suggestions welcome. Many thanks, Bob Try it the other way around: lay it out in mobile first? @media only screen and (max-width:480px),only screen and (max-device-width:480px) {...} Best, ~d -- http://chelseacreekstudio.com/ http://chelseacreekstudio.com/fa/Thanks David,I've done that, no problem. But for 'normal folk on larger screens' I want the lightbox to show the larger images. I don't want two sites . . .??Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] nav or menu?
Hi LG, I am making a site (html5) which has a nav section at the top of each page. Some pages will also have a 'menu' which will be a short list of links to other pages in the site, and these will appear lower down in the content of the page. Instinct tells me that it is sensible to make this subset as follows: menu dl ddblah/dd ddblah/dd ddblah/dd /dl /menu (where blah is a link to a page) But lots of folk seem to say that menu is only to be used for lists of commands. It's not clear to me, anyway! Is the above 'wrong'? All advice gratefully recd. Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Detecting Mobile user agent - what methods work best?
I think you've answered your own question, Mike. It's a mess. I am currently making (simple) fluid layouts and ensuring that floats 'drop' (exactly the opposite of what I've been doing in the last several years!). Also adding the meta tag : meta name=viewport content=width=device-width seems to help. After that, it's just 'hope for the best'. This is not 'giving up', it's called 'waiting to see what happens' . . . :-) Bob - Original Message - From: Mike Kear To: wsg@webstandardsgroup.org Sent: Friday, January 07, 2011 4:10 AM Subject: [WSG] Detecting Mobile user agent - what methods work best? I have to convert a client site to enable phone users to use the site and I was wondering what is the best method to detect the mobile user agent and switch the css sheet? As far as I have seen, there are a few ways to do this - which is best? (or maybe the way to put it is 'least bad') [A] a link at the top of the normal page, linking to a mobile version of the page. (yuk) [B] javascript detection (but there are thousands of mobile devices to detect. YUK ) [C] Use CSS @media handheld (but many mobile phones don't support the handheld media type ) [D] server side detection using CGI.User_Agent (but there are so many user agents to detect) [E] screen resolution detection (but is that reliable?) Are there any other ways to do this? How do the rest of you handle serving pages to both computer screens and mobile device screens?? Cheers Mike Kear Windsor, NSW, Australia Adobe Certified Advanced ColdFusion Developer AFP Webworks http://afpwebworks.com ColdFusion 9 Enterprise, PHP, ASP, ASP.NET hosting from AUD$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] Order of Tags within head (XHTML)
Could you expand on this please Mike? Thanks, Bob - Original Message - From: Foskett, Mike Sent: Wednesday, December 15, 2010 9:53 AM Subject: RE: [WSG] Order of Tags within head (XHTML) [snip] 4. Page title with H1 text first and if necessary other info in reverse breadcrumb order for accessibility and SEO. [snip] *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] alt text on email graphic
http://www.projecthoneypot.org/how_to_avoid_spambots_2.php *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Touch screens
Just in case anyone is interested, I ditched the spry menu and found that the simple 'son of suckerfish' menu works fine on the iPad. Bob - Original Message - From: tee To: wsg@webstandardsgroup.org Sent: Tuesday, November 16, 2010 9:58 PM Subject: Re: [WSG] Touch screens On Nov 16, 2010, at 1:49 AM, designer wrote: Thanks to all for your observations/comments etc. Tee, thanks for your offer : the site is at www.rspcacornwall.org.uk and the menu runs through the whole site. I am afraid you might have to ditch the Spry menu. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Touch screens
Thanks to all for your observations/comments etc. Tee, thanks for your offer : the site is at www.rspcacornwall.org.uk and the menu runs through the whole site. - Original Message - From: tee To: wsg@webstandardsgroup.org Sent: Tuesday, November 16, 2010 8:06 AM Subject: Re: [WSG] Touch screens [snip] I am happy to help take a look of the site from my iPod if you want. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Touch screens
Do any of you guys have experience with touch screen designing? I looked at an iPAD today, with a view to buying, and I was horrified when I looked at a site of mine that used a spry dropdown menu. It worked sometimes and not others. Is that the norm? - do I have to redesign? If so, what's the best way? You know the sort of thing I want to hear. Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] attribute selectors to target external and internal links
Forgive me if I'm missing the point here, but if you use: a { color : red; text-decoration : none; border : none; } a[href*=site1] { color: #f00; background: #555; } a[href*=site2] { color: #00f; background: #eee; } a[href*=site3] { color: #0f0; background: #ff0; } It works for me. More importantly, it ignores any links containing site, so in other words, it really does have to be the full domain for it to work. You can see this test here: http://www.betasite.fsnet.co.uk/gam/attribute_selectors_external.html HTH, Bob - Original Message - From: tee weblis...@gmail.com To: wsg@webstandardsgroup.org Sent: Friday, October 22, 2010 9:22 AM Subject: Re: [WSG] attribute selectors to target external and internal links [snip] The http overrules the one with site.com value. Unless I can be certain external links will never share a same word with the site domain name, it's not very safe to use the attributes. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] CSS support of HTML5 tags not ready yet?
Tee: try putting:!--[if IE] script src=http://html5shiv.googlecode.com/svn/trunk/html5.js;/script ![endif]-- In the head, and/*for html5 in IE*/ article, aside, figure, figcaption, footer, header, mark, menu, nav, section, small, time, video { display : block; } (or whatever is relevant) in your CSS.Bob- Original Message - From: tee weblis...@gmail.com To: wsg@webstandardsgroup.org Sent: Monday, September 27, 2010 11:13 AM Subject: [WSG] CSS support of HTML5 tags not ready yet? Only the two Webkit browsers are able to render the header and footer correctly. http://lotusseedsdesign.com/css-test/templegate.html header { height : 300px; width : 980px; text-align : center; position : relative; clear : both; overflow : hidden; margin : 0 auto; border : 1px solid #369; background : #ddd; } I can't find anything wrong with my style sheet and the html code. 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] Getting my feet wet in HTML5
Tom, I have 'played' with the simple elements and I like them. I actually wanted to have a 'page' element (or wrapper) since that is an element that is used an awful lot, but I never got anywhere with folk accepting it. For a simple example, see: http://www.betasite.fsnet.co.uk/gam/altgam/gwelanmor.html Also see: http://www.betasite.fsnet.co.uk/gam/altgam/portfolio.html for an example of the use of figure and figcaption I was very impressed with that - simple and semantic. Also note from the above that target=_blank is now valid! Hope this helps. Bob - Original Message - From: Tom Livingston tom...@gmail.com To: wsg@webstandardsgroup.org Sent: Friday, August 13, 2010 2:19 PM Subject: Re: [WSG] Getting my feet wet in HTML5 [snip] I actually have this book. And read it cover to cover. The problem comes when I actually have to BUILD something using these elements... guess I'll read it again... -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** 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] attribute selectors and validation
- Original Message - From: Tim White tjameswh...@gmail.com To: wsg@webstandardsgroup.org Sent: Friday, July 02, 2010 6:26 PM Subject: Re: [WSG] attribute selectors and validation [big snip] That said, attribute selectors are very useful. *** Of course, and it's worth pointing out that: h1[title^=main] {color : blue;} , used with: h1 title=main headingBla Bla Bla Bla Bla Bla/h1 IS valid. It's not something I'd use though, whereas: a[title^=opens] { padding-right: 13px; background: url(outofit.gif) no-repeat right top; } seems good when used with: a href=../sjp.html title=opens in a new window onclick=window.open(this.href); return false;Bla Bla Bla Bla Bla Bla/a Doesn't it? (But not IE6 . . . ) Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] attribute selectors and validation
In a recent links for light reading reference was made to a very interesting article by Chris Coyier on attribute selectors such as 'rel'. http://css-tricks.com/attribute-selectors/ At the very basic level, the article exemplifies h1[rel=external]{color : red;} used with the html: h1 rel=externalAttribute Equals/h1 I tried this, and several other really useful examples, but later found that the validator doesn't like it/them, saying: there is no attribute rel You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the Strict document type with a document that uses frames (e.g. you must use the Transitional document type to get the target attribute), or by using vendor proprietary extensions such as marginheight (this is usually fixed by using CSS to achieve the desired effect instead). Do we just ignore this? I always thought of 'rel' being used with links, but on playing about I find that div rel=whatever works fine too. So, my questions: 1. Do I ignore the invalidation, and 2. When is 'rel' semantically unsound? Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] content style type
Sorry if this is obvious, but could someone explain to me the value of using: meta http-equiv=Content-Style-Type content=text/css/ In the head section of a page. I can't grasp: a) what exactly it does, b) what is 'missing' if it isn't there? etc. Please. Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] content style type
Thanks Gentlemen - I thought so! Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 Finally Nearing Extinction [STATS]
The website for the RSPCA Cornwall (which I provide, voluntarily) has a lot of visitors from all walks of life and represents a reasonable cross section of what users are up to. In the last year, which is a long time I know, some 3663 users of IE6 have visited the site. O.K., so that's only 8.92% but it's a lot of people. Certainly too many to ignore! Of course, they may have all moved to Firefox 3.5 last week, but I doubt it! Indeed, 487 folk were still using Netscape 4 (1.19%)! Bob - Original Message - From: Foskett, Mike To: 'wsg@webstandardsgroup.org' Sent: Friday, June 11, 2010 12:32 PM Subject: [WSG] IE6 Finally Nearing Extinction [STATS] Hi all, Ref Links for light reading article: http://mashable.com/2010/06/01/ie6-below-5-percent/ Which basically states IEv6 has dropped below the 5% threshold across USA and Europe. I just took a peek at our own stats for May 2010. A very large set limited to UK online shoppers only. And I couldn't agree less with the article. Our figures are from such a large representation they cannot be readily ignored. While I cannot print the actual numbers, the browser percentages should be fine. I thought they may be of use to others working in the UK and of general use worldwide. Internet explorer only: IEv8: 48.26% IEv7: 37.14% IEv6: 14.58% Other: 0.02% In general: IE: 66.12% Firefox: 16.25% Safari: 8.06% Chrome: 6.89% Others: 2.67% So IEv6 is still at 9.64% overall. Virtually double that stated by the article. Sorry for the bad news but IEv6 is still too relevant to ignore. And by the way who actually said 5% is the ignorable threshold? I'd of thought more like 2-3% personally. Regards, Mike Foskett http://websemantics.co.uk/ -- This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** 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] Update to site in progress - valid css and html -IE7 issues
No problem in IE7 here! Bob - Original Message - From: Kevin Ireson To: wsg@webstandardsgroup.org Sent: Friday, February 26, 2010 4:45 PM Subject: [WSG] Update to site in progress - valid css and html -IE7 issues Hi all, I have been working through an update to a site I first produced in 2003. So far I have tested and found one error in IE7. All the html validates apart from some code I cant change due to my version of Dreamweaver causing issues with and amp; CSS also validates to ver 2.1. However, when I use IE7 (still a very popular browser which I support) and go to the policy area of a product page. http://www.hotels-spain-accommodation.com/brochure-pages/hotel-medium-aristol-218556.html#Policy Then roll over the link to top or booking cancelation policy, it blanks out some of the page. Can I please ask for some help as I cant see a problem with it. It may be my copy of IE7 that is in fact causing the issue. Thanks in anticipation, Kevin Ireson MD Ireson computing Ltd York England *** 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] @media
Hi all, I have Googled @media but it is hard to get to what I want because Google doesn't seem to recognise the '@'. So, please stick with me whilst I ask some daft questions: 1. Is there a list showing browser support for @media? 2. I want to combine my ordinary CSS with my print style sheet by including an @media print {} declaration - does it matter where this goes in the stylesheet? 3. Do you know of any links which expand on @media, generally? Before anyone shouts 'off-topic', may I point out that this came about because of the bereastreet link in the latest LFLR from Russ ! :-) Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] :: makeready ::
- Original Message - From: David Laakso da...@chelseacreekstudio.com To: wsg@webstandardsgroup.org Sent: Tuesday, January 26, 2010 1:17 PM Subject: Re: [WSG] :: makeready :: Flattery will get you nowhere (corrections on server). ~d Much better! The menu is static and the red 'buttons' are in harmony with the red headings. Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] More on understanding html5
- Original Message - From: Keryx Web webmas...@keryx.se To: wsg@webstandardsgroup.org Sent: Sunday, January 17, 2010 12:32 PM Subject: Re: [WSG] More on understanding html5 2010-01-05 13:59, designer skrev: I am getting a bit bogged down with this new stuff! I used figure in this case: figure is still being discussed and no real decision has benn made. The proposal to use dt/dd in fugure and details seem to have been shot down and new elements for captioning these are being discussed. Then again, details and or figure might be totally scrapped. There are other parts of HTML5 that have reached a higher level of maturity. One should probably start using them. BTW. the validator does not change with every spec change. For issues like this the best resource to consult is probably HTML5 doctor or the WHAT WG help list. (The help list, not the main discussion list.) *** Hi Lars, Yes, I am starting to realise that you are right. So many of the features of html5 have little or no browser support and the syntax changes often. The standard few 'safe' elements seem to be section header footer article nav and aside In my view these don't yet add anything worthwhile to my pages, except perhaps better code readability, and this is/can be countered by excessive verbosity. My own (somewhat clumsy) efforts can be seen at: www.gwelanmor-internet.co.uk - here, (on the portfolio page) I have used figure with a floated image to present data as we used to do with tables, but since I have used the dt and dd approach, it may be consigned to the bin anytime soon. html5 all seems a bit of a mess, at least at this time. Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] More on understanding html5
I am getting a bit bogged down with this new stuff! I used figure in this case: figure img src=graphics/marramgrass.gif alt=marram grass width=116 height=400/ p style=text-align:center Marram Grass /p /figure and the (experimental) validator said that was fine. Someone pointed out to me that this is 'wrong' and that the p should be dd and dt : figure dd img src=bubbles-work.jpeg alt=Bubbles, sitting in his office chair, works on his latest project intently. /dd dtBubbles at work/dt /figureSo I changed my code to:figuredd img src=graphics/marramgrass.gif alt=marram grass / /dddt Marram Grass/dt /figureand the validator says: 1.. Line 78, Column 24: Element dd not allowed as child of element figure in this context. (Suppressing further errors from this subtree.) ddContexts in which element dd may be used: After dt or dd elements inside dl elements. In a figure element containing no other dd element children. As the last child of a details element. Content model for element figure: In any order, one dd element, and optionally one dt element. 2.. Line 81, Column 24: Element dt not allowed as child of element figure in this context. (Suppressing further errors from this subtree.) dt Marram Grass/dtContexts in which element dt may be used: Before dd or dt elements inside dl elements. In a figure element containing no other dt element children. As the first child of a details element. Content model for element figure: In any order, one dd element, and optionally one dt element. So, is the validator wrong? And, if so, where do I get guidance as I bumble along?Duh? Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** error.png
Re: [WSG] First stab at html5
- Original Message - From: David Laakso da...@chelseacreekstudio.com To: wsg@webstandardsgroup.org It is a term used in typography. Think of a block of text as you would a piece of fine tapestry. On your home page, squint' your eyes at that text block and you'll see the rivers cascading down the tapestry. Still don't see it? Take a screen shot of the text-block and literally rotate in photoshop so that is upside down-- and you'll see the rivers. Justified text is sometimes quite nice in print media when done by a typographer really knows her stuff. I would not attempt to stay awake nights waiting for Web software to catch up. In the meantime, reset to flush left/scatter right. CSS: text-align: left; This will dry up the rivers and the text will be easier to read. A different font stack and honoring user default rather than your personal preference could also be a nice touch, too. Gotcha! Thanks, and a HAY! Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] First stab at html5
- Original Message - From: Chris F.A. Johnson ch...@cfajohnson.com On Thu, 31 Dec 2009, designer wrote: @Chris - I've set a white background, so I hope your yellow one has gone now! It's still yellow. -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com I really don't know why it's yellow to you. Anyone else see this? Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] First stab at html5
Hi Dwain, - Original Message -- From: dwain it seems that you need to validate your pages. flashpage: [snip] there is no doctype and you have a closing style tag with no opening style tag. --- Thanks for looking. The Sheltie site domain is hosted by Easily.co.uk and the person the site was done for wants to display only the domain. Easily does this by wrapping everything in a frameset, and it's this you are seeing. I'm glad you pointed this out, and I have now removed that site from the list. However, the Flash page - are you using an HTML5 validator? It validates just fine. see http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.betasite.fsnet.co.uk%2Fgam%2Fflash%2Fflashpage.html Cheers, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
re: [WSG] First stab at html5
- Original Message - From: dwain To: wsg@webstandardsgroup.org Sent: Friday, January 01, 2010 4:09 PM Subject: Re: [WSG] First stab at html5 you're right. but there is no doctype and an end style tag with no starting style tag. does html5 do away with doctypes and validates without both opening and closing tags? dwain --- Hi Dwain, The doctype for html5 is !DOCTYPE html and it is there. I can't see any missing /style tag here. Look at the source code (obtained from the online version in FF3.5.6 'view source') : !DOCTYPE html html lang=en head titleGwelanmor internet/title !--meta charset=UTF-8-- meta http-equiv=Content-Type content=text/html; charset=utf-8 / meta name=Keywords content= web design, flash, CSS, web standards, affordable style, minimalist, innovative, Cornwall, U.K. / meta name=Description content=gwelanmor Internet is a company which specialises in creating modern,standards-based, minimalist web sites at affordable rates / meta content=Bob McClelland name=author / meta content=bob mcclelland, gwelanmor-internet name=Copyright / style type=text/css @import url(../altgam/standard.css); /style !--[if lte IE 8] script src=html5.js type=text/javascript/script ![endif]-- /head body div id=wrapperheader id=banner figure img src=../altgam/graphics/gwelanmorinternet.gif alt=signature width=404 height=103 /figure /header section id=content h2Simple Flash example/h2 embed src=gwelanmor2010.swf type=application/x-shockwave-flash width=596 height=375/ /section /div /body /html?? Over to you!Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] First stab at html5
If any of you guys are around at this time, I'd be really grateful if you could have a look at: http://www.betasite.fsnet.co.uk/gam/altgam/gwelanmor.html It is very simple stuff, but I'd be interested if you could see anything 'wrong'/undesirable/not semantic etc. For example, is it OK to put a menu inside a nav? Is the flash embedded properly? (http://www.betasite.fsnet.co.uk/gam/flash/flashpage.html) embed src=gwelanmor2010.swf type=application/x-shockwave-flash width=596 height=375/ It seems to work . . . All comments gratefully received. Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] First stab at html5
Thanks to those who responded. @David: rivers? Duh. Please explain. It is New Years Eve, after all! @Chris - I've set a white background, so I hope your yellow one has gone now! @Rob: - Original Message - From: Rob Crowther robe...@boogdesign.com The menu element is used to define context menus and toolbars. This is exactly the sort of consideration that I find a bit confusing at this stage. I, in my ignorance, considered it to be just that. Duh? Have a good New Year! Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] :: makeready ::
- Original Message - From: David Laakso da...@chelseacreekstudio.com I'd appreciate your comments and suggestions on this site. http://chelseacreekstudio.com/ It's very nice - it's clean, the importance of graphic design/typography shows in the design, and it exhumes a sense of proficiency. I notice that it validates as HTML 5 too! However - there is always a 'BUT' - for my taste it's lopsided! I would prefer it if the 'content' (by which I mean the area where there is something to see) was more central in the viewport - all sections except the 'portfolio' are too far to the right. The portfolio has more text on the left and this balances it up a bit. This lopsided look is particularly noticeable when one increases the font size 4+ times. Just my 2p's worth. . . O.K., now tell me you spent hours making the spacing work that way because it's what you wanted! Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] HTML5 book(s)
O.K., so David Laakso's recent mail made me realise that I need (want) to catch up. I looked online for any html 5 books, and there are a LOT! So, could I please have your recommendations on (recent) books which tell the reader 'how to write html 5' Many thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] @font-face?
I recently tried a simple @font-face test, via font-squirrel, using a font similar to Bookman. Unless There are tweaks that I don't know, I wouldn't use it on a site that mattered because of the delay. The ordinary font appears, then after some time (seconds, but very noticeable) the embedded font appears. Has anyone else found this? http://www.betasite.fsnet.co.uk/gam/DejaVu/demo.html Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] skip links
Hi Julie - Original Message - From: Julie Romanowski To: wsg@webstandardsgroup.org Sent: Thursday, October 29, 2009 10:51 AM Subject: RE: [WSG] skip links Screen magnification users also benefit from skip links. Making these links visible help more than just screen reader and keyboard users. - - - - - - - - What I've settled for is as follows: div class=skip a href=#content accesskey=SSkip to Main Content/a /div Presumably, the accesskey caters for those folk also? ?? Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] skip links
Can anyone point me to the best way of providing a 'skip nav' procedure which is invisible to sighted readers but is picked up by screen readers? It seems a can of worms - I've searched and read about it, but (of course) it is impossible to find out which way is recommended by real world web designers who have actually used a bullet-proof approach. I'd be really grateful . . . Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Re: More than one H1?
If semantics and SEO are paramount, and typography is too, could you make an H2 which is the same size etc for the 'other' uses of H1? That way, your structure/appearance would be intact, and the SEO considerations satisfied?? Is that undesirable for any reason? Bob - Original Message - From: c...@fagandesign.com.au To: wsg@webstandardsgroup.org Sent: Friday, October 16, 2009 9:08 AM Subject: Re: More than one H1? (was [WSG] Out of Office AutoReply: WSG Digest) Thanks for your responses... Why use more than one H1? Simple...2 areas of the page that are of equal importance. Why should it only be one? I understand the simplicity of focusing on one area of each page and the impact that could have in search resultsbut that that doesn't entirely relate to semantic structure. Is it not entirely plausible/acceptable to have 2 equally important area of the page? I feel the logo is very important. It is, in theory, the first thing people notice on a site and the single most important bit of branding. I understand also that a H1 is important to search engines indexingbut I'm yet to see/read/hear of any solid information that suggests Google (in particular) degrade the rank of your site based on the existence of more than one H1. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Problem with onclick and onClick : SOLVED!
- Original Message - From: Nathanael Boehm To: wsg@webstandardsgroup.org Sent: Wednesday, October 14, 2009 11:46 PM Subject: Re: [WSG] Problem with onclick and onClick Geez, it's been a while since I've used Dreamweaver ... but I think I had this problem once. Not sure if it was with DW or some other HTML editor but there was some setting whereby the editor went through and cleaned up my code upon save ... so it's not your server, it's your HTML editor thinking it's helping you out. I'd have no idea where the setting is though ... sorry. Nathanael Boehm Canberra, Australia http://www.purecaffeine.com/about/ 0409 288 464 Thanks Nathan, I found it : (I'm using dreamweaver CS4) under the 'a' tag, there is a choice of format for 'onlick' and the default is 'mixed case'. I changed it to lower case and all is now well. What threw me was that all my code was correct - all in lower case - and it was only on upload that Dreamweaver changed the case! Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Problem with onclick and onClick
Can anyone help me with what is a basic question please? I have a library item (in Dreamweaver) which includes an onclick: a href=# onclick=window.print();return false . . . etc When the library item is inserted (into 37 pages) the format remains lower case and all pages validate, but when uploaded to the server the pages don't validate because they change to onClick. How can I stop this? What's going on? Anyone come across this? Any help gratefully received. Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Problem with onclick and onClick
Precisely! - Original Message - From: Anthony Gr. ant.grak...@gmail.com To: wsg@webstandardsgroup.org Sent: Wednesday, October 14, 2009 6:58 PM Subject: Re: [WSG] Problem with onclick and onClick How does onclick become to onClick? 2009/10/14 designer desig...@gwelanmor-internet.co.uk: Can anyone help me with what is a basic question please? I have a library item (in Dreamweaver) which includes an onclick: a href=# onclick=window.print();return false . . . etc When the library item is inserted (into 37 pages) the format remains lower case and all pages validate, but when uploaded to the server the pages don't validate because they change to onClick. How can I stop this? What's going on? Anyone come across this? Any help gratefully received. Bob *** 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 *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] [Spam] :Menu stacking incorrectly in IE
Same for me - 1 error - I use the w3.org validator and the results are here: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.artscouncilnapavalley.org%2Ftest%2Findex.shtml Bob - Original Message - From: Lesley Lutomski ubu...@webaflame.co.uk To: wsg@webstandardsgroup.org Sent: Sunday, October 11, 2009 12:18 PM Subject: Re: [WSG] [Spam] :Menu stacking incorrectly in IE Am I looking at the same document? It's only showing one error - Line 182, Column 12: Attribute name exists, but can not be used for this element. Chris F.A. Johnson wrote: On Sat, 10 Oct 2009, Kristine Cummins wrote: Please see: http://www.artscouncilnapavalley.org/test/index.shtml Errors found while checking this document as XHTML 1.0 Strict! Result: 49 Errors Fixing the errors may or may not fix the problem, but it's always the first step. *** 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] elasticity and floats
Thanks Martin, I tried your mark-up, but found a gap between adleft1 and 2. I shifted the outer div, removed the margins and Presto! [1] However, I'm getting confused now as to why this should work whilst others didn't [2] Bob [1]http://www.rspcacornwall.org.uk/testbed/floatdivs_martin.html [2] http://www.rspcacornwall.org.uk/testbed/floatdivs_cjapplied.html - Original Message - From: Martin Heiden martin.hei...@netcologne.de To: designer wsg@webstandardsgroup.org Sent: Wednesday, October 07, 2009 8:36 PM Subject: Re[2]: [WSG] elasticity and floats Hi Bob! May I add another wrapper div? Try the following. Probably you want to tweak some withs and margins. Regards, Martin. !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleTest/title style type=text/css #outer { border: 1px solid red; width: 50%; } #inner { margin-left: 250px; margin-right: 100px; } #adleft1 { float: left; width: 100px; height: 100px; margin-left: -250px; background: #c00; } #adleft2 { float: left; width: 100px; height: 100px; margin-left: -100px; background: #0c0; } #adcenter { height: 100px; background: #00c; margin: 0 -1px; } #adright { float: right; width: 100px; height: 100px; margin-right: -100px; background: #c00; } /style /head body div id=outer div id=inner div id=adleft1/div div id=adleft2/div div id=adright/div div id=adcenter/div /div /div /body /html *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] elasticity and floats
Actually Martin, The flexible div does still expand to fit the whole wrapper in FF3 etc. It is disguised by the background colours. If you remove all the bk colours apart from the elastic one, you'll see this in action! :-( Bob - Original Message - From: designer desig...@gwelanmor-internet.co.uk To: wsg@webstandardsgroup.org Sent: Thursday, October 08, 2009 10:24 AM Subject: Re: [WSG] elasticity and floats Thanks Martin, I tried your mark-up, but found a gap between adleft1 and 2. I shifted the outer div, removed the margins and Presto! [1] However, I'm getting confused now as to why this should work whilst others didn't [2] Bob [1]http://www.rspcacornwall.org.uk/testbed/floatdivs_martin.html [2] http://www.rspcacornwall.org.uk/testbed/floatdivs_cjapplied.html - Original Message - From: Martin Heiden martin.hei...@netcologne.de To: designer wsg@webstandardsgroup.org Sent: Wednesday, October 07, 2009 8:36 PM Subject: Re[2]: [WSG] elasticity and floats Hi Bob! May I add another wrapper div? Try the following. Probably you want to tweak some withs and margins. Regards, Martin. !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleTest/title style type=text/css #outer { border: 1px solid red; width: 50%; } #inner { margin-left: 250px; margin-right: 100px; } #adleft1 { float: left; width: 100px; height: 100px; margin-left: -250px; background: #c00; } #adleft2 { float: left; width: 100px; height: 100px; margin-left: -100px; background: #0c0; } #adcenter { height: 100px; background: #00c; margin: 0 -1px; } #adright { float: right; width: 100px; height: 100px; margin-right: -100px; background: #c00; } /style /head body div id=outer div id=inner div id=adleft1/div div id=adleft2/div div id=adright/div div id=adcenter/div /div /div /body /html *** 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] elasticity and floats
- Original Message - From: Chris F.A. Johnson ch...@cfajohnson.com To: wsg@webstandardsgroup.org Sent: Tuesday, October 06, 2009 6:46 PM Subject: Re: [WSG] elasticity and floats Is this what you want: http://cfajohnson.com/testing/floatdivs.shtml ? -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com Well Chris, I'm intrigued! I took your example (which is exactly what I wanted!) and changed your a's and b's to my own, and it works a treat (almost). See here: http://www.rspcacornwall.org.uk/testbed/floatdivs_cjapplied.html I cannot get my head around why this should work, and my own didn't! Must be something to do with the order of stuff. However, I put a border around the elastic div (so it can be seen) and it is perfect in IE7, but is full width if FF3. What's going on here? Duh. Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[Spam] :Re: [WSG] elasticity and floats
I forgot to include a link to my own (failed) attempt: http://www.rspcacornwall.org.uk/testbed/header_floats.html Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] elasticity and floats
HI Lesley, re: http://www.rspcacornwall.org.uk/testbed/floatdivs_cjapplied.html I wonder why IE is the only one that gets it right? Fascinating. Bob - Original Message - From: Lesley Lutomski ubu...@webaflame.co.uk To: wsg@webstandardsgroup.org Sent: Wednesday, October 07, 2009 12:22 PM Subject: Re: [WSG] elasticity and floats Hi Bob, I think it must be something odd about IE7. I've just tried your link in FF3 and Galeon on Linux, and FF3, IE8, Safari 4 and Opera 10 on Windows. In every case the border appears around the entire masthead, not just the third div. Lesley *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] elasticity and floats
Can anyone help me sort a problem please: I want to make a banner/masthead with 4 divs. Nos 1,2 and 4 are fixed width and I want div 3 to be flexible width and fill the gap: div id=wrapper [fixed- float left] [fixed - float left] [elastic - no floats] [fixed - float right] /div The wrapper div takes care of the clearing, using overflow : hidden. It's easy with a table, but I don't seem to be able to do it with floats. The ways I've tried either don't line up the divs vertically, or the 3rd div width shrinks to content size. I hope I've explained this properly (nothing online to see yet) and I hope someone can help. Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] floats and elasticity
- Original Message - From: i...@silvermoonsky.com To: wsg@webstandardsgroup.org Sent: Tuesday, October 06, 2009 1:13 PM Subject: [WSG] RE: WSG Digest Try this style type=text/css #wrapper { height: 100px; width: 800px; } #box1 { height: 100px; width: 200px; float: left; border: thin solid #F00; } #box2 { height: 100px; width: 200px; float: left; border: thin solid #00C; } #box3 { float: left; height: 100px; width: 200px; border: thin solid #930; } #box4 { float: left; height: 100px; width: auto; border: thin solid #FC0; } /style /head body div id=wrapper div id=box1BOX 1/div div id=box2BOX2/div div id=box4BOX4 flexi/div div id=box3BOX3/div /div /body Box 4 is the flexi one and will stretch but only up to the MAX size of the wrapper Hi Lucas, Box4 shrinks to content width. Thanks anyway, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] elasticity and floats
- Original Message - From: Matthew Pennell To: wsg@webstandardsgroup.org Sent: Tuesday, October 06, 2009 11:42 AM Subject: Re: [WSG] elasticity and floats On Tue, Oct 6, 2009 at 11:28 AM, designer desig...@gwelanmor-internet.co.uk wrote: I want to make a banner/masthead with 4 divs. Nos 1,2 and 4 are fixed width and I want div 3 to be flexible width and fill the gap: Have you tried here? http://blog.html.it/layoutgala/ - Matthew Thanks Matthew. I have looked there, but it all seems a bit messy. Too many divs and negative margins (I's rather use a table than resort to all that . . .) Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] [Spam] :The wisdom? of using q to clear
- Original Message - From: David Dorward da...@dorward.me.uk To: wsg@webstandardsgroup.org Sent: Tuesday, September 29, 2009 3:52 PM Subject: Re: [WSG] [Spam] :The wisdom? of using q to clear On 29 Sep 2009, at 15:35, Nancy Johnson wrote: I'm not sure q is supported by all browsers. It isn't, but so what? It still causes problems in browsers which do support it when it is abused. -- David Dorward http://dorward.me.uk Such as what? (serious question - as I said, I'm not using this method, but enquiring minds like to know :-) Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] [Spam] :The wisdom? of using q to clear
- Original Message - From: Ben Buchanan 2009/9/27 designer desig...@gwelanmor-internet.co.uk Thanks to all who replied. However, no-one said don't do this because . . . ?? OK, well, since you're kind of asking... ;) Don't do that because it's horrendously non-semantic and you should be making your pages semantically correct. You are basically adding fake content to your page just to support a specific design requirement at a specific point in time, etc... Since you're actually adding content, you could potentially end up with some users seeing for clearing when they view your page. For example some mobile phones I've used revealed content that was hidden by CSS. Also Google will pick up all the extraneous for clearing text and read it along with your real content. If you want to put something into your markup just for clearing purposes I can't really see the point in using q - it's not a quote by any stretch of the imagination. If you can make it work with a br / tag stick to that, I think. If you need text just use a neutral tag and a space, eg. div class=brute-force-clearnbsp;/div which is at least better than actual text. Better to avoid it entirely though, using one of the alternative fixes mentioned earlier. cheers, Ben --- Fair enough Ben, I'm convinced! I've adopted the 'corrected' overflow approach, as suggested by TDK, for the particular job in hand. Thanks all, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Fw: [WSG] [Spam] :The wisdom? of using q to clear - addendum
I did, of course, mean TJK!!! Sorry Thierry! - Original Message - From: designer desig...@gwelanmor-internet.co.uk To: wsg@webstandardsgroup.org Sent: Monday, September 28, 2009 12:26 PM Subject: Re: [WSG] [Spam] :The wisdom? of using q to clear - Original Message - From: Ben Buchanan 2009/9/27 designer desig...@gwelanmor-internet.co.uk Thanks to all who replied. However, no-one said don't do this because . . . ?? OK, well, since you're kind of asking... ;) Don't do that because it's horrendously non-semantic and you should be making your pages semantically correct. You are basically adding fake content to your page just to support a specific design requirement at a specific point in time, etc... Since you're actually adding content, you could potentially end up with some users seeing for clearing when they view your page. For example some mobile phones I've used revealed content that was hidden by CSS. Also Google will pick up all the extraneous for clearing text and read it along with your real content. If you want to put something into your markup just for clearing purposes I can't really see the point in using q - it's not a quote by any stretch of the imagination. If you can make it work with a br / tag stick to that, I think. If you need text just use a neutral tag and a space, eg. div class=brute-force-clearnbsp;/div which is at least better than actual text. Better to avoid it entirely though, using one of the alternative fixes mentioned earlier. cheers, Ben --- Fair enough Ben, I'm convinced! I've adopted the 'corrected' overflow approach, as suggested by TDK, for the particular job in hand. Thanks all, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] [Spam] :The wisdom? of using q to clear
Thanks to all who replied. However, no-one said don't do this because . . . ?? - Original Message - From: designer To: wsg@webstandardsgroup.org Sent: Saturday, September 26, 2009 12:45 PM Can anyone tell me what is wrong (apart from not being semantic) about using: q{ clear : both; display : none; } In conjunction with: qfor clearing!/q in the body of the mark-up. (it makes it a bit more helpful for screen readers, I presume?) Anything? Any better ideas around? I did google this, but only found variations on using br/, which seems messy, somehow. All suggestions gratefully considered. Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] [Spam] :The wisdom? of using q to clear
Can anyone tell me what is wrong (apart from not being semantic) about using: q{ clear : both; display : none; } In conjunction with: qfor clearing!/q in the body of the mark-up. (it makes it a bit more helpful for screen readers, I presume?) Anything? Any better ideas around? I did google this, but only found variations on using br/, which seems messy, somehow. All suggestions gratefully considered. Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] a table layout issue
Hi Tee, - Original Message - From: tee weblis...@gmail.com Thank you Kepler and Rimantas, Both are not perfect but at least I can tell it's my limited mileage that couldn't get it done than it can't be done :-) I still need to tested it further due to the complexity of how data are pulled to the cart page (e.g. if a customer is logged in, it will show extra col for add to wishlist, and if tax is enable, it adds extra col within one of the td cell. We still need to support IE6, so it seems Kepler's method is more compatible. I tested this yesterday directly, but wouldn't get the td's borders joins to make a box. This has been an intriguing problem! If your cell height is constant, you can make one table and insert a background border (that doesn't quite fit) in the appropriate cells. See here: http://www.betasite.fsnet.co.uk/gam/tee/teeproblem.html It works, it is cross browser compatible (as far as I can check) and it validates. It keeps everything simple, too! It's only rough, but I just wanted to see if I could do it! HTH, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] The 'Some Links for Light Reading' posts
I would go so far as to say that these links have given me more knowledge than any other source of information I've encountered. I'm indebted to Russ! Bob Gwelanmor Internet *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[Spam] :Re: [WSG] a table layout issue
Hi Tee, - Original Message - From: tee weblis...@gmail.com To: wsg@webstandardsgroup.org Sent: Wednesday, September 23, 2009 12:04 AM Subject: [WSG] a table layout issue It never occurs to me I cannot do something like this. I need each tr with borders and a margin-top to separate each tr, then a 5 pixel padding inside the tr so that the td's border doesn't touch the tr, but I can't get it working. http://lotusfromthemud.com/table/tr.html The image below the table is the exact layout I needed. Is this possible? tee Is the good old cellspacing any use? e.g.: style type=text/css #grid{width : 600px; border : 1px solid #aaa; margin : 0 auto;} #grid td{text-align : center; border-right : 1px solid #aaa; } .noborder{border : none!important;} /style /head body table id=grid cellspacing=5 tr tdSkirt /td tdsize /td tdprice /td td class=nobordercolour /td /tr tr tdshort /td td10 /td td£22 /td td class=noborderred /td /tr /table That seems to work, unless I'm missing the point? Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Darius Design
I thought that folk who sent autoreplies were automatically unsubscribed? This is the third from Darius Design in as many days, and I'm getting rather fed up with it. I doubt that I'm alone . . . Bob - Original Message - From: Darius Design k...@dariusdesign.com To: wsg@webstandardsgroup.org Sent: Friday, September 11, 2009 1:55 PM Subject: [WSG] Darius Design Hello: Thank you for your email. This is an autoresponse message. I am currently unavailable due to an illness in my family. I will be in contact with you shortly. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[Spam] :Re: [WSG] thomas hull website
Hi Thomas, - Original Message - From: thomas hull thomashull1...@gmail.com To: wsg@webstandardsgroup.org Sent: Thursday, September 03, 2009 9:42 AM Subject: Re: [WSG] Invitation to connect on LinkedIn Hi. I got my first ever web site. Have a look and advice please. New to the game, and realy want it to work. http://onestoponlineshop.webs.com Thank you. Firstly, I suggest that you title your mail appropriately - I nearly binned your request for comments. Secondly, you are using a lot of old deprecated html (like font, align etc). A good start would be to validate using the W3C validator and you will see 49 errors. In putting them right you will learn a lot, as a newcomer to the game. Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] [Spam] :changing font sizes from within a page.
I would be grateful if someone could tell me what is the current best practice for letting users change the font-size (e.g., by clicking on three 'a's of different sizes to make different css files be used) on the web site. Is it still a good idea, or do we go for the approach of using the browser to do it? Any and all helpful suggestions gratefully appreciated. Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Back to basics!
Hi Paul, - Original Message - From: Paul Novitski p...@juniperwebcraft.com To: wsg@webstandardsgroup.org Sent: Friday, July 10, 2009 6:23 PM Subject: RE: [WSG] Back to basics! [snip] Yes! Using UTF-8 in your web pages means NOT having to use HTML entities for text such as #241; or ecirc;. The only HTML entities you need to use in your character data are amp; for '' ampersand, lt; for '' less-than, and gt; for '' greater-than so that those characters don't confuse the HTML parser. So you are really saying that typing I have got £100 to spare is OK, instead of: #8220;I have got pound;100 to spare#8221; (just as an example, of course). Really? Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Back to basics!
Hi all, Could anyone tell me where there is information regarding character code 'usage' that is simple. I always use UTF-8 and, e.g., if I want to put a left quote in my text I can use quot; or #8220; Which is recommended? Any help, links etc most welcome. (I have googled, but . . .) Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] font size - was [ Accessible websites]
I've been reading (and trying to learn from) the discussions on accessibility and particularly font size. I have never had any success at using ways other than pixels. When I read: http://informationarchitects.jp/100e2r/?v=4 I agreed with the author that the text size looked OK (he uses Georgia), so I tried knocking up a simple test/template and I found that Verdana 'looks' much bigger than Georgia, and Arial slightly smaller than Georgia. I also found that firefox was different to Safara, these two in turn being different to IE and Opera. IE7 looked huge and clumsy! See for yourself: http://www.betasite.fsnet.co.uk/gam/fontstyle.html So, whilst the idea of text at 100% sounds reasonable, I always get a mixed bag of results. I feel as a designer(suggester), that I cannot possibly allow something I've done to look laughably clumsy in some browsers. Contrary to the idea that users want to choose there own settings, my experience is that very very few even know they can do it, let alone want to be bothered! Is there a way around this, which provides a more consistent interface AND maintains user choice for those who want it? Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] font size - was [ Accessible websites]
Hi Nick, - Original Message - From: Nick Fitzsimons n...@nickfitz.co.uk To: wsg@webstandardsgroup.org Sent: Tuesday, July 07, 2009 12:47 PM Subject: Re: [WSG] font size - was [ Accessible websites] Different fonts have different sized letter forms; _of course_ they look different. Look up x-height http://en.wikipedia.org/wiki/X-height for starters. Verdana not only has a larger x-height than Georgia or Arial, it also has wider letters; that is why the Verdana sample occupies seven lines, while the Georgia and Arial samples only occupy six. Using the MeasureIt plugin for Firefox, I find that six lines occupies exactly the same amount of vertical space in all three fonts, which is what one would expect given that they have the same font-size and line-height. It's just that Verdana doesn't fit as many letters into the same space widthways, and so runs on to an extra line. If you expect all typefaces to occupy the exact same space letter-for-letter then you're going to have to turn your back on hundreds of years of typographical history. Using only monospaced fonts will give roughly the effect you desire ;-) Regards, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ Precisely! Of course I don't expect all fonts to be the same, which is why selecting 100% text doesn't work - some are way too big! Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] valid meta tags
Hi James, - Original Message - --- From: James Ducker To: wsg@webstandardsgroup.org Sent: Wednesday, May 27, 2009 1:03 AM Subject: Re: [WSG] valid meta tags Hm, out of curiosity, what validator were you using? - James I'm using the one included with Chris Pederick's developer toolbar for Firefox (3), which is actually www.cynthiasays.com. It fails this: meta http-equiv=Content-Language content=EN/ but not this: meta name=language content=en / Try it for yourself. Is this validator at fault then? Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] valid meta tags
Perhaps I'm being dumb, but I am getting a WIA failure when validating a new site [1]: Rule: 13.2.1 - Documents are required to use the TITLE element. Note: Document uses the TITLE element. Rule: 13.2.2 - Documents are required to use META elements, that are defined as required, in Head section. Failure - Document does not contain a META element with the required name: language or language does not have a 'content' value. The header section of the page is as follows: head titleUrban Whispers/title meta name=Keywords content=urban, abstract, photography, film, bob mcclelland, urban landscape, manchester, magic realism, luminism, monochrome, colour, color / meta name=Description content=A site showing the magical properties of ordinary things in the urban environment / meta name=copyright content=bob mcclelland, 2008 / meta http-equiv=Content-Language content=EN/ meta http-equiv=Content-Type content=text/html; charset=utf-8 / I simply cannot see what is wrong! Can anyone help? [1] http://www.treyarnon.fsworld.co.uk/ Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] valid meta tags
- Original Message - From: James Ducker To: wsg@webstandardsgroup.org Sent: Tuesday, May 26, 2009 11:54 AM Subject: Re: [WSG] valid meta tags I always use lowercase for primary languages and uppercase for dialects. That appears to be the standard. At the same time, I don't think it would break validation, but it's worth testing. Example: Australian English is en-AU - James Thanks James. I've tried both - doesn't make any difference! Also, I presumed that xhtml wanted lower case, so I've left it at that. But it still doesn't work Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] valid meta tags
- Original Message - From: designer desig...@gwelanmor-internet.co.uk To: wsg@webstandardsgroup.org Sent: Tuesday, May 26, 2009 11:42 AM Subject: [WSG] valid meta tags Solved it! meta http-equiv=Content-Language content=EN/ should be meta name=language content=en / Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] add to favorites?
Does anyone know of a modern, valid, reasonably cross-browser way to provide a link on a page so that a user can add the page to favourites? The only one I can find is IE only: Click a href=javascript:window.external.AddFavorite(' http://www.blablabla.com', 'blabla')here/a to add this site to your bookmarks (Internet Explorer only). Someone MUST have done this - but I can't find it. JS or PHP would be fine. Any help gratefully appreciated. Bob www.gwelanmor-internet.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] add to favorites?
My justification for wanting to do this is simple, and in my eyes, very sensible. However, it will no doubt cause ructions amongst the evangelists. I want to use frames. Frames, contrary to popular myth, are not an accessibility nightmare. The simple 2-frame frameset I have made validates perfectly, and passes the WCAG priority 3 test. We could argue about 'best practice' but that's not what we are here for. My thinking on this is that I've put a red 'home' link to the frameset on the top of every page that appears in the main frame, so that if I could 'add to favorites' the same way, a user can save the page and return to it later AND get back to the main frameset with one click. Hence, one of the valid criticisms of using frames is shot dead. Bob www.gwelanmor-internet.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] friends? - was( Failed A Job :()
I did a site for one of my friends 'on the cheap', but put a lot of hours into it, and did it as 'properly' as I could. It was all hand coded and validated to the point of neurosis. Eventually, he decided that he wanted to pay me because he wanted to add a few more pages. When it was done, I told him to 'call it £160'. He went barmy - shouted about the lunacy of charging such a crazy amount, just for 'putting a few words in and moving a bit of stuff around. I've haven't heard from him for six months now, despite us growing up together on the same road many years ago. Friends? Keep well away! Bob - Original Message - From: Viable Design To: wsg@webstandardsgroup.org Sent: Thursday, January 29, 2009 5:04 PM Subject: Re: [WSG] Failed A Job :( I've been feeling a bit guilty for the past few months because I wouldn't get the bugs out of a friend's insurance-business site for him on the ultra-cheap. The tables and inline mess would've taken so long to sort out that I probably would've been better off, time-wise, starting from scratch. I offered him a discounted rate, but it wasn't enough of a discount for him, I guess. Now, I'm thinking I did the right thing after all. I know he wouldn't've appreciated the clean coding, and he definitely wouldn't've appreciated the time spent. Jo Hawke *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] lining up in different browsers
I want to line up two links at either side of a horizontal bar. The html is as follows: div id=footer a href=core/core.html main menu /a span class=rightweb site Copyright © a href=http://www.gwelanmor-internet.co.uk; class=newwin target=_blank title=opens in new window Gwelanmor Internet 2009 /a /span /div (class=right just floats it to the right, of course) and the css is: #footer { border-top : 1px solid #aaa; font-size : 90%; height : 30px; padding : 5px 0px; } #footer a:link { color : #930; text-decoration : none;} #footer a:hover { color : #F00; background : #fff; text-decoration : underline;} with an IE6 conditional comment: #footer span{position : relative; top : -15px;} However, whilst it solves the problem of alignment for IE, safari and Opera fail miserably. I cannot find a documented method of doing this, but I'm sure one of you wizards have done it already? Any help gratefully recd, as usual. Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] lining up in different browsers
Brilliant! That works a treat! Why is it always the screamingly obvious things one tends to miss? :-( Thank you. Bob - Original Message - From: hariharan k To: wsg@webstandardsgroup.org Sent: Thursday, January 22, 2009 2:12 PM Subject: Re: [WSG] lining up in different browsers Hi, Can you try by this, div id=footer span class=lefta href=core/core.html main menu /a/span span class=rightweb site Copyright © a href=http://www.gwelanmor-internet.co.uk; class=newwin target=_blank title=opens in new window Gwelanmor Internet 2009 /a /span /div style #footer { border-top : 1px solid #aaa; font-size : 90%; height : 30px; padding : 5px 0px; } .right { float:right} .left { float:left} #footer span{} #footer a:link { color : #930; text-decoration : none;} #footer a:hover { color : #F00; background : #fff; text-decoration : underline;} /style By, Hariharan On Thu, Jan 22, 2009 at 7:07 PM, designer desig...@gwelanmor-internet.co.uk wrote: I want to line up two links at either side of a horizontal bar. The html is as follows: div id=footer a href=core/core.html main menu /a span class=rightweb site Copyright © a href=http://www.gwelanmor-internet.co.uk; class=newwin target=_blank title=opens in new window Gwelanmor Internet 2009 /a /span /div (class=right just floats it to the right, of course) and the css is: #footer { border-top : 1px solid #aaa; font-size : 90%; height : 30px; padding : 5px 0px; } #footer a:link { color : #930; text-decoration : none;} #footer a:hover { color : #F00; background : #fff; text-decoration : underline;} with an IE6 conditional comment: #footer span{position : relative; top : -15px;} However, whilst it solves the problem of alignment for IE, safari and Opera fail miserably. I cannot find a documented method of doing this, but I'm sure one of you wizards have done it already? Any help gratefully recd, as usual. Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Hariharan. K Web Designer *** 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] lining up in different browsers
I'll think about it :-) Bob - Original Message - From: Ricci Angela To: wsg@webstandardsgroup.org Sent: Thursday, January 22, 2009 2:20 PM Subject: RE: [WSG] lining up in different browsers Hi, Designer Just a thought: why don't you give names like mainMenu and copyRgt (semantic) to your classes instead of names based on layout? Angela ¤¤ Angela RICCI web designer De : li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] De la part de hariharan k Envoyé : jeudi 22 janvier 2009 15:12 À : wsg@webstandardsgroup.org Objet : Re: [WSG] lining up in different browsers Hi, Can you try by this, div id=footer span class=lefta href=core/core.html main menu /a/span span class=rightweb site Copyright © a href=http://www.gwelanmor-internet.co.uk; class=newwin target=_blank title=opens in new window Gwelanmor Internet 2009 /a /span /div style #footer { border-top : 1px solid #aaa; font-size : 90%; height : 30px; padding : 5px 0px; } .right { float:right} .left { float:left} #footer span{} #footer a:link { color : #930; text-decoration : none;} #footer a:hover { color : #F00; background : #fff; text-decoration : underline;} /style By, Hariharan On Thu, Jan 22, 2009 at 7:07 PM, designer desig...@gwelanmor-internet.co.uk wrote: I want to line up two links at either side of a horizontal bar. The html is as follows: div id=footer a href=core/core.html main menu /a span class=rightweb site Copyright © a href=http://www.gwelanmor-internet.co.uk; class=newwin target=_blank title=opens in new window Gwelanmor Internet 2009 /a /span /div (class=right just floats it to the right, of course) and the css is: #footer { border-top : 1px solid #aaa; font-size : 90%; height : 30px; padding : 5px 0px; } #footer a:link { color : #930; text-decoration : none;} #footer a:hover { color : #F00; background : #fff; text-decoration : underline;} with an IE6 conditional comment: #footer span{position : relative; top : -15px;} However, whilst it solves the problem of alignment for IE, safari and Opera fail miserably. I cannot find a documented method of doing this, but I'm sure one of you wizards have done it already? Any help gratefully recd, as usual. Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Hariharan. K Web Designer *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Ce message et les pièces jointes sont confidentiels et réservés à l'usage exclusif de ses destinataires. Il peut également être protégé par le secret professionnel. Si vous recevez ce message par erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire. L'intégrité du message ne pouvant être assurée sur Internet, la responsabilité du groupe Atos Origin ne pourra être recherchée quant au contenu de ce message. Bien que les meilleurs efforts soient faits pour maintenir cette transmission exempte de tout virus, l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis. This e-mail and the documents attached are confidential and intended solely for the addressee; it may also be privileged. If you receive this e-mail in error, please notify the sender immediately and destroy it. As its integrity cannot be secured on the Internet, the Atos Origin group liability cannot be triggered for the message content. Although the sender endeavours to maintain a computer virus-free network, the sender does not warrant that this transmission is virus-free and will not be liable for any damages resulting from any virus transmitted. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org
Re: [WSG] Examples of great high-school websites?
Visitors with images switched off wont see what the main nav links are and those with javascript off wont be able to use them! Furthermore, those with the computers switched off won't see anything at all . . . Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] valid lightbox++ ??
I expect some may consider this off-topic, though it isn't really :- ). I recently tried using lightbox and then lightbox++ , the latter because it enables flash movies to be presented in the same way as images did in lightbox. However, the big pitfall is that in order to make it work the syntax has to be of this form: a href=images/gwelanmor.swf width=600 height=400 rel=lightbox title=Gwelanmor Internet - flash version img src=thumbs/tn_flash.jpg alt=flash page thumbnail width=250 height=147 /a You'll notice that the a href has a width and height specified, but of course that won't validate. I've googled, but found no mention of this. I wondered if anyone here has encountered it, or better yet, solved it? Any bright ideas to solve this non validation? Thanks, Bob www.gwelanmor-internet.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] RE: Accessible date picker widget
Try this, from work done by Giorgos Tsiledakis: http://www.micronetwork.de/activecalendar/ I found this to be excellent. It uses PHP to define the OOP class 'calendar', and from there you can change lots of features - display month, year etc. You can pick a date v.easily, and altogether it is a brilliant bit of work! (well, a lot of work actually) I don't know if it passes all your hurdles, but it validates fine. HTH, Bob www.gwelanmor-internet.co.uk On Behalf Of Jens-Uwe Korff Sent: 30 October 2008 03:25 To: wsg@webstandardsgroup.org Subject: [WSG] Accessible date picker widget Hi all, I'm looking for an accessible widget that lets you select a date. It should be lightweight (or compressible), not depend on frameworks and allow for keyboard use / screenreaders. The ones I've found so far couldn't take all hurdles. Thank you! Cheers, Jens *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS editors
Does no-one use Topstyle? http://www.newsgator.com/Individuals/TopStyle/Default.aspx Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] google and validation
Hello all, A client wants a link to google maps to shows where a property is located (there are 30+ properties, so 30+ pages with links to google maps). The trouble is, the pages no longer validate because of the url needed to get to the map. An example is: a href=http://maps.google.co.uk/maps?f=qhl=engeocode=q=pl28+8jsie=UTF8ll=50.524341,-5.02367spn=0.017789,0.038624t=hz=15; Just changing the 's to amp;'s doesn't seem to do it . . . I feel sure someone has encountered this, and overcome it? Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] google and validation
From: Svip To: wsg@webstandardsgroup.org Care to tell us what exactly the validator tells you is wrong? /Svip 2008/10/18 designer [EMAIL PROTECTED] Hello all, A client wants a link to google maps to shows where a property is located (there are 30+ properties, so 30+ pages with links to google maps). The trouble is, the pages no longer validate because of the url needed to get to the map. An example is: a href=http://maps.google.co.uk/maps?f=qhl=engeocode=q=pl28+8jsie=UTF8ll=50.524341,-5.02367spn=0.017789,0.038624t=hz=15; Just changing the 's to amp;'s doesn't seem to do it . . . I feel sure someone has encountered this, and overcome it? Thanks, Bob Hi Svip, There are several ampersands as you see, but also this: Line 84, Column 77: reference not terminated by REFC delimiter. …maps?f=qhl=engeocode=q=pl28+8jsie=UTF8ll=50.524341,-5.02367spn=0.017789If you meant to include an entity that starts with , then you should terminate it with ;. Another reason for this error message is that you inadvertently created an entity by failing to escape an character just before this text. which refers to the '=' before the utf8. Or is it all that cause the problem? That single URL finds 24 errors altogether. ??? Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Figures out issues. Standards for troubleshooting css
Hi Mike (and all), I also find outline : 1px dashed #f00; very useful as, unlike 'border' it doesn't add any extra pixels. (However, It doesn't work in IE, of course.) Bob www.gwelanmor-internet.co.uk - Original Message - From: [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Monday, September 01, 2008 9:57 AM Subject: RE: [WSG] Figures out issues. Standards for troubleshooting css Many people have some sort of reset stylesheet, that turns on a border for every div or every element. The 'perfect' version of this idea can get very complex, but something as simple as setting a border on all divs can often show you where something is stretching or floating where you were not expecting. Mike *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Skype changing format of my pages
Does anyone know a way to prevent Skype changing telephone numbers into skype buttons on pages I have carefully designed/coded. It bothers others too : http://forum.skype.com/index.php?showtopic=113096 I do not use Skype, but one of my clients does, and my page design (for her site) appears to her with the button instead of the text. (In IE). (She blamed me, at first!) I know she can turn it off by disabling the Skype add on in IE, but what about all the other folk around the world . . . As this is to do with the web designer's work being tampered with, I feel sure it will come under the heading of standards and accessibility. Sadly, I cannot validate it for myself, but I expect it will be deadly. Anyone got any clues? Bob www.gwelanmor-internet.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Skype changing format of my pages
Hi Ted, - Original Message - From: Ted Drake [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Tuesday, August 26, 2008 5:14 PM Subject: RE: [WSG] Skype changing format of my pages So, to summarize. The web developer creates a nice looking page with content (phone numbers). A user adds software that takes that content and makes it more useful (click to call). The developer and client doesn't like the way that new functionality looks. The developer and client want to disable the functionality that many users may actually use. Doesn't this sound like a mistake? If a user installs software to make better use of your site, you should allow this. If the client doesn't like the way it looks, have them uninstall the software. I don't think you should hurt the user's functionality. If nothing else, it is helping the client by making it easier for the user to contact them. This is why Ebay bought skype years ago. They wanted to make it easier for bidders to contact sellers. For what its worth, I have the skype plugin but have never used the click to call functionality. It's annoying sometimes, but easy to ignore. Ted Drake http://last-child.com From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of designer Sent: Tuesday, August 26, 2008 8:29 AM To: wsg@webstandardsgroup.org Subject: [WSG] Skype changing format of my pages Does anyone know a way to prevent Skype changing telephone numbers into skype buttons on pages I have carefully designed/coded. It bothers others too : http://forum.skype.com/index.php?showtopic=113096 I do not use Skype, but one of my clients does, and my page design (for her site) appears to her with the button instead of the text. (In IE). (She blamed me, at first!) I know she can turn it off by disabling the Skype add on in IE, but what about all the other folk around the world . . . As this is to do with the web designer's work being tampered with, I feel sure it will come under the heading of standards and accessibility. Sadly, I cannot validate it for myself, but I expect it will be deadly. Anyone got any clues? Bob www.gwelanmor-internet.co.uk Absolutely Ted, except that this client (as suspected by Christian) didn't have a clue where this feature had come from , and certainly didn't know that it could be turned off. (That's why she blamed me! :-). I strongly suspect that this is the norm, and I would have thought that at least it should be made clearer to the Skype user. Bob *** 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] OT: AJAX
Sorry about the OT, but I'm bewildered by the choices! Can anyone suggest a good starting book to learn AJAX? I'm familar with javascript and PHP and want to investigate. Reply offlist if you find it preferable. Many thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Tables for product=price list
One way to look at it is that a simple list is a list (in the html sense), whereas a relational list is tabular, so it goes in a table. So, a simple list of 'things to do' would use an HTML list, whereas a list which required data giving more information about the primary list element (a relational list) would be semantically more sound in a table. Bob www.gwelanmor-internet.co.uk - Original Message - From: James Jeffery To: wsg@webstandardsgroup.org Sent: Monday, August 11, 2008 12:22 PM Subject: Re: [WSG] Tables for product=price list Ian and Micheal, you summed up what I was about to write. Some people got really defensive. My argument all along was that a list should not always be marked up as a list as such. Take ebay for example, they even go to the extent of calling their results 'lists'. You can see this on results pages where it says view as list. Nobody says oh look here is my table of results on PS3's they say oh look at that long list of PS3 products, even though behind the scenes its a tables. It would be totally wrong for ebay to mark up their results as lists, but the way they are styled makes them look like lists to humans, though strictly they are not. So a list isn't always a list and my example above was what I was trying to get across. Great debate guys! as always :) James On Mon, Aug 11, 2008 at 11:46 AM, James Jeffery [EMAIL PROTECTED] wrote: Rob, Yeah I have now after extensive research. I have headed the table with a caption and it uses a h3. There are various parent sections above the table that use h2 and h1. Cheers. On Mon, Aug 11, 2008 at 11:24 AM, Rob Enslin [EMAIL PROTECTED] wrote: James, sounds like you've answered your own question/doubt then? Perhaps you should head your 'list' as h1Prices/h1 and not h1Price List/h1? 2008/8/11 James Jeffery [EMAIL PROTECTED] Disagree. Many shopping carts on the web have product lists or summarys marked up in a table. When you look at it from the point of view where one column is the products and the other is the price, and another is VAT per product its more semantic to do it that way. Again, just because something is a list does not mean it should be in a list. Take for example students grades. The school needs to list the name, the subject, the expected grade, the outcome (30/30) and a percentage (100%). You could easily say its a list of students grades, because it is, but you are not going to put that into a list because it would be wrong to. James On Mon, Aug 11, 2008 at 10:24 AM, Stuart Foulstone [EMAIL PROTECTED] wrote: A list is the most appropriate for a list. The fact that price list states list DOES mean a list should be used - when you use the term list that's what the user then expects it to be. If you don't want to use a list (for whatever pedantic reason) then don't call it one. If you want to use a table, call it a table. Not using a list when a list is appropriate is just as bad as not using a table when a table is appropriate. On Mon, August 11, 2008 9:31 am, silky wrote: On Mon, Aug 11, 2008 at 6:01 PM, James Jeffery [EMAIL PROTECTED] wrote: In the past I have tryed to avoid tables as much as possible and sometimes going as far as using lists for data that should be placed in tables. I am trying to sway away from the 'never use tables' crowd and have started to use them when they need to be used. I am working on a tattoo website and the client wants a list of pricing for tattoos and peircings. Would you say this is a good candidate for a table? use a table. those that say 'never use tables' are insane and often think that 'css' and 'tables' are mutually exclusive. i ignore those people. tables are perfectly appropriate for this situation. Although 'price list' states list, its not to say that a list should be used. Any ideas. James -- silky http://www.themonkeynet.com/armada/ http://www.boxofgoodfeelings.com/ http://www.themonkeynet.com/ http://lets.coozi.com.au/ *** 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] *** -- / Rob Enslin / enslin.co.uk / twitter.com/robenslin / +44759 052 8890
[WSG] S separators and TACG
I've been examining what happens if you put something inside an end tag, such as /div sometext/character. The validator says: name start character invalid: only S separators and TAGC allowed here. I googled, found lots of folk failing to add descriptors to a closing div, but NOBODY explained what those terms mean. ('S separators' and TAGC). If they are allowed, what are they? :-) Anyone? Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Marking Up Poems
Matijs wrote: I have to agree with Elizabeth here. Semantically I'd say that this is one of the few occasions where a br/ would be appropriate. The verses would be paragraphs of course. I did this a while back on a site for an author. I decided it was the best compromise between practicallity, readability and standards. I gave each verse a CSS class called 'stanza'. See: http://www.webscribe.fsnet.co.uk/chapters/c3summer.html Bob www.gwelanmor-internet.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Alt versus Title Attribute
Ted Drake wrote: Sorry but on hover, IE6 will show this is a dog and other browsers will show oh no it isn't -Original Message- Just to confuse the issue, as well as clarify it, this example: img src=../../sitegraphics/dogandlead.gif alt=this is a dog / WILL show the message 'this is a dog' when hovered in IE, even when the image is present, whereas this one: img src=../../sitegraphics/dogandlead.gif alt=this is a dog title=oh no it isn't!/ Will show oh no it isn't! on hover in all browsers (well, common ones anyway) and only display the alt content when the image is missing. IN other words, title takes preference over alt, so far as display on hover is concerned. That means (to me) that it's safer to do both. Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** I'm getting confused now - on MY IE6, the title is displayed on hover, not the alt. I was originally testing with my standalone IE6, so I checked on my laptop, (with 'real' IE6) and got the same result! Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Alt versus Title Attribute
Jason Ray wrote: The information in the alt attribute will only display when the image is not available - [snip] The information in the title attribute will display when the pointer hovers over the object or image. Just to confuse the issue, as well as clarify it, this example: img src=../../sitegraphics/dogandlead.gif alt=this is a dog / WILL show the message 'this is a dog' when hovered in IE, even when the image is present, whereas this one: img src=../../sitegraphics/dogandlead.gif alt=this is a dog title=oh no it isn't!/ Will show oh no it isn't! on hover in all browsers (well, common ones anyway) and only display the alt content when the image is missing. IN other words, title takes preference over alt, so far as display on hover is concerned. That means (to me) that it's safer to do both. Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Guestbook
Hi All, I've had a request to put a guestbook on a client's site. I've searched amomgst the maze of google refs, but there seems to be a lot of micky mouse things. I am after an accessible, (x)html valid (of course!) example. I feel sure that someone on the list will have done this, or at least know where to point me? Any help gratefully appreciated. Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] PHP Standards
I think that it's basically your responsibility Ian, in that there are many sources of snippets available and if you use them you just validate the generated code and put right what is wrong in the php. Then, you check for best practice too . . . Bob Ian Chamberlain wrote: Fingers crossed this is not too far off topic; being a newby to PHP; any clues where I can find how-to's, snippets, libraries or even application suites built from PHP that are built to a good minimum standard please. I am guessing that PHP is much like JavaScript in that a lot of what is floating about is either poor or pooh the result of all the good programmes stending their time on ASP or J2EE. Thanks Ian *** 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] [OT] users - IT literate?
I have doing a site for someone for a few years now. He recently requested a few minor changes whilst he was at my office, so I did them whilst he was present, and he approved. Today he wrote to me from his home: The changes you made to my website are not showing at this end. Do I need to access a different website address or access it anew perhaps ? Also, I've just realised why my photos are missing: there's an unwanted tool bar blocking access to them. The page he refers to has one composite image at the top. No flash, dead simple html. Deary me - I've no idea what he means! N.B. This is, actually, on-topic because it indicates just how ignorant some users are - many in my experience - and it flies in the face of those members of this list who believe that most users know about the 'back button' (to give one example). Just off in search of my revolver . . . Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***