Re: [WSG] Marking up multiple form inputs
Chris, Please can you provide more information about the form. I would be hesitant in agreeing with a solution that seems to omit the labels for the second form controls. Darren 2008/6/10 Chris Pearce [EMAIL PROTECTED]: Hi, Would the following layout be best marked up using a table: Column Header Column Header [label tag] [input tag] [input tag] [label tag] [input tag] [input tag] [label tag] [input tag] [input tag] Cheers solutions for a digital world Exchange Server 2007 Built-in Protection, Anywhere Access, Operational Efficiency BLUEARC WILL HELP YOU MAKE THE MOVE. FIND OUT HOW level 1, 11 albany street st leonards nsw 2065 p: 02 9467 2500 d: 02 9467 25 f: 02 9431 5999 e: [EMAIL PROTECTED] w: www.bluearcgroup.com ARE YOU READY FOR NEXT GENERATION WEB TECHNOLOGY? Leading the way in Web Content Management, IgnitionSuite Version 3.0 prepares you for the future of the web. To learn more call 9467 2500 or email [EMAIL PROTECTED] Privileged - Private Confidential This email and files transmitted with it are intended solely for the use of the addressee(s) and may contain information which is confidential or privileged. If you are not the intended recipient, be aware that any disclosure, copying, distribution or use of this email or any attachment is prohibited. If you receive this email and you are not the addressee, or you have received this email in error, please disregard the contents of the email, delete the email and notify the author immediately. P Please consider the environment before printing this e-mail *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Marking up multiple form inputs
Use fieldset, legend, label, input and CSS. Make sure each input has a label. I would suggest checking your form with the WAVE toolbar for accessibility (http://wave.webaim.org/) M From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jason Ray Sent: Tuesday, 10 June 2008 12:22 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Marking up multiple form inputs Tables shouldn't be used for layouts, use style sheets instead, but they should be used for information which lends itself well to a table. If you are trying to display data in an organised format, which requires columns and rows, then use a table. Jason On Tue, Jun 10, 2008 at 11:37 AM, Chris Pearce [EMAIL PROTECTED] wrote: Hi, Would the following layout be best marked up using a table: Column Header Column Header [label tag] [input tag] [input tag] [label tag] [input tag] [input tag] [label tag] [input tag] [input tag] Cheers http://www.bluearcgroup.com/ solutions for a digital world Exchange Server 2007 Built-in Protection, Anywhere Access, Operational Efficiency BLUEARC WILL HELP YOU MAKE THE MOVE. FIND OUT HOW http://www.bluearcgroup.com/content.asp?z=6c=104p=494f=2 level 1, 11 albany street st leonards nsw 2065 p: 02 9467 2500 d: 02 9467 25 f: 02 9431 5999 e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] w: www.bluearcgroup.com http://www.bluearcgroup.com/ ARE YOU READY FOR NEXT GENERATION WEB TECHNOLOGY? Leading the way in Web Content Management, IgnitionSuite Version 3.0 prepares you for the future of the web. To learn more call 9467 2500 or email [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] formation%20-%20IgnitionSuite%20Version%203.0 Privileged - Private Confidential This email and files transmitted with it are intended solely for the use of the addressee(s) and may contain information which is confidential or privileged. If you are not the intended recipient, be aware that any disclosure, copying, distribution or use of this email or any attachment is prohibited. If you receive this email and you are not the addressee, or you have received this email in error, please disregard the contents of the email, delete the email and notify the author immediately. P Please consider the environment before printing this e-mail *** 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] *** image001.gif
Re: [WSG] Marking up multiple form inputs
Try ATRC Web Accessibility Checker (http://checker.atrc.utoronto.ca/) you can select multiple standard of accessbility: - BITV 1.0 level 2 (Germany standard) - Section 508 (US standard) - Stanca act (Italy standard) - WCAG 1.0 (A, AA, AAA) - WCAG 2.0 (L1, L2, L3) and they have some examples for the failed problem. :) Webagogo (http://www.webagogo.be; website analysis) needs all of those criteria to be valid..(just kind of a game..)..but useful for disable people.. for the data/form presentation, I agree to use fieldset, legend, label, input, accesskey, tabindex, table summary, caption, with the help of CSS.. On 6/11/08, Miles Menegon [EMAIL PROTECTED] wrote: Use fieldset, legend, label, input and CSS. Make sure each input has a label. I would suggest checking your form with the WAVE toolbar for accessibility (http://wave.webaim.org/) M -- ** -- Regards, Dani Iswara http://daniiswara.net/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Marking up multiple form inputs
Tables shouldn't be used for layouts, use style sheets instead, but they should be used for *information* which lends itself well to a table. If you are trying to display data in an organised format, which requires columns and rows, then use a table. Jason On Tue, Jun 10, 2008 at 11:37 AM, Chris Pearce [EMAIL PROTECTED] wrote: Hi, Would the following layout be best marked up using a table: *Column Header* *Column Header* [label tag] [input tag] [input tag] [label tag] [input tag] [input tag] [label tag] [input tag] [input tag] Cheers [image: cid:image001.gif@01C7B8BB.D6C86180] http://www.bluearcgroup.com/ solutions for a digital world *Exchange Server 2007* Built-in Protection, Anywhere Access, Operational Efficiency *BLUEARC WILL HELP YOU MAKE THE MOVE. FIND OUT HOW*http://www.bluearcgroup.com/content.asp?z=6c=104p=494f=2 ** level 1, 11 albany street st leonards nsw 2065 *p:* 02 9467 2500 *d:* 02 9467 25 *f:* 02 9431 5999 *e:* [EMAIL PROTECTED] *w:* www.bluearcgroup.com *ARE YOU READY FOR NEXT GENERATION WEB TECHNOLOGY?* Leading the way in Web Content Management, *IgnitionSuite Version 3.0*prepares you for the future of the web. *To learn more call 9467 2500 or email [EMAIL PROTECTED][EMAIL PROTECTED] * *Privileged - Private Confidential* This email and files transmitted with it are intended solely for the use of the addressee(s) and may contain information which is confidential or privileged. If you are not the intended recipient, be aware that any disclosure, copying, distribution or use of this email or any attachment is prohibited. If you receive this email and you are not the addressee, or you have received this email in error, please disregard the contents of the email, delete the email and notify the author immediately. P Please consider the environment before printing this e-mail *** 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] ***image001.gif
RE: [WSG] Marking up multiple form inputs
Hi, I realise tables shouldn't be used for layouts. Doesn't this information suit a table structure though (tabular data)? If not what would you use? Cheers [cid:image001.gif@01C8CAF6.0206E130]http://www.bluearcgroup.com/ solutions for a digital world Exchange Server 2007 Built-in Protection, Anywhere Access, Operational Efficiency BLUEARC WILL HELP YOU MAKE THE MOVE. FIND OUT HOWhttp://www.bluearcgroup.com/content.asp?z=6c=104p=494f=2 level 1, 11 albany street st leonards nsw 2065 p: 02 9467 2500 d: 02 9467 25 f: 02 9431 5999 e: [EMAIL PROTECTED]mailto:[EMAIL PROTECTED] w: www.bluearcgroup.comhttp://www.bluearcgroup.com/ ARE YOU READY FOR NEXT GENERATION WEB TECHNOLOGY? Leading the way in Web Content Management, IgnitionSuite Version 3.0 prepares you for the future of the web. To learn more call 9467 2500 or email [EMAIL PROTECTED]mailto:[EMAIL PROTECTED] Privileged - Private Confidential This email and files transmitted with it are intended solely for the use of the addressee(s) and may contain information which is confidential or privileged. If you are not the intended recipient, be aware that any disclosure, copying, distribution or use of this email or any attachment is prohibited. If you receive this email and you are not the addressee, or you have received this email in error, please disregard the contents of the email, delete the email and notify the author immediately. P Please consider the environment before printing this e-mail From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jason Ray Sent: Tuesday, 10 June 2008 12:22 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Marking up multiple form inputs Tables shouldn't be used for layouts, use style sheets instead, but they should be used for information which lends itself well to a table. If you are trying to display data in an organised format, which requires columns and rows, then use a table. Jason On Tue, Jun 10, 2008 at 11:37 AM, Chris Pearce [EMAIL PROTECTED]mailto:[EMAIL PROTECTED] wrote: Hi, Would the following layout be best marked up using a table: Column Header Column Header [label tag] [input tag] [input tag] [label tag] [input tag] [input tag] [label tag] [input tag] [input tag] Cheers [cid:image001.gif@01C8CAF6.0206E130]http://www.bluearcgroup.com/ solutions for a digital world Exchange Server 2007 Built-in Protection, Anywhere Access, Operational Efficiency BLUEARC WILL HELP YOU MAKE THE MOVE. FIND OUT HOWhttp://www.bluearcgroup.com/content.asp?z=6c=104p=494f=2 level 1, 11 albany street st leonards nsw 2065 p: 02 9467 2500 d: 02 9467 25 f: 02 9431 5999 e: [EMAIL PROTECTED]mailto:[EMAIL PROTECTED] w: www.bluearcgroup.comhttp://www.bluearcgroup.com/ ARE YOU READY FOR NEXT GENERATION WEB TECHNOLOGY? Leading the way in Web Content Management, IgnitionSuite Version 3.0 prepares you for the future of the web. To learn more call 9467 2500 or email [EMAIL PROTECTED]mailto:[EMAIL PROTECTED] Privileged - Private Confidential This email and files transmitted with it are intended solely for the use of the addressee(s) and may contain information which is confidential or privileged. If you are not the intended recipient, be aware that any disclosure, copying, distribution or use of this email or any attachment is prohibited. If you receive this email and you are not the addressee, or you have received this email in error, please disregard the contents of the email, delete the email and notify the author immediately. P Please consider the environment before printing this e-mail *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED]mailto:[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] *** inline: image001.gif
Re: [WSG] Marking up multiple form inputs
As far as I can tell without knowing the specifics of the data, it looks like information that suits a table - just as you have displayed it. I was confused by your question starting with 'Would the following layout...' so I thought it was worth pointing out that layouts shouldn't be done using tables. Jason On Tue, Jun 10, 2008 at 12:32 PM, Chris Pearce [EMAIL PROTECTED] wrote: Hi, I realise tables shouldn't be used for layouts. Doesn't this information suit a table structure though (tabular data)? If not what would you use? Cheers [image: cid:image001.gif@01C7B8BB.D6C86180] http://www.bluearcgroup.com/ solutions for a digital world *Exchange Server 2007* Built-in Protection, Anywhere Access, Operational Efficiency *BLUEARC WILL HELP YOU MAKE THE MOVE. FIND OUT HOW*http://www.bluearcgroup.com/content.asp?z=6c=104p=494f=2 ** level 1, 11 albany street st leonards nsw 2065 *p:* 02 9467 2500 *d:* 02 9467 25 *f:* 02 9431 5999 *e:* [EMAIL PROTECTED] *w:* www.bluearcgroup.com *ARE YOU READY FOR NEXT GENERATION WEB TECHNOLOGY?* Leading the way in Web Content Management, *IgnitionSuite Version 3.0*prepares you for the future of the web. *To learn more call 9467 2500 or email [EMAIL PROTECTED][EMAIL PROTECTED] * *Privileged - Private Confidential* This email and files transmitted with it are intended solely for the use of the addressee(s) and may contain information which is confidential or privileged. If you are not the intended recipient, be aware that any disclosure, copying, distribution or use of this email or any attachment is prohibited. If you receive this email and you are not the addressee, or you have received this email in error, please disregard the contents of the email, delete the email and notify the author immediately. P Please consider the environment before printing this e-mail *From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] *On Behalf Of *Jason Ray *Sent:* Tuesday, 10 June 2008 12:22 PM *To:* wsg@webstandardsgroup.org *Subject:* Re: [WSG] Marking up multiple form inputs Tables shouldn't be used for layouts, use style sheets instead, but they should be used for *information* which lends itself well to a table. If you are trying to display data in an organised format, which requires columns and rows, then use a table. Jason On Tue, Jun 10, 2008 at 11:37 AM, Chris Pearce [EMAIL PROTECTED] wrote: Hi, Would the following layout be best marked up using a table: *Column Header* *Column Header* [label tag] [input tag] [input tag] [label tag] [input tag] [input tag] [label tag] [input tag] [input tag] Cheers [image: cid:image001.gif@01C7B8BB.D6C86180] http://www.bluearcgroup.com/ solutions for a digital world *Exchange Server 2007* Built-in Protection, Anywhere Access, Operational Efficiency *BLUEARC WILL HELP YOU MAKE THE MOVE. FIND OUT HOW*http://www.bluearcgroup.com/content.asp?z=6c=104p=494f=2 level 1, 11 albany street st leonards nsw 2065 *p:* 02 9467 2500 *d:* 02 9467 25 *f:* 02 9431 5999 *e:* [EMAIL PROTECTED] *w:* www.bluearcgroup.com *ARE YOU READY FOR NEXT GENERATION WEB TECHNOLOGY?* Leading the way in Web Content Management, *IgnitionSuite Version 3.0*prepares you for the future of the web. *To learn more call 9467 2500 or email [EMAIL PROTECTED][EMAIL PROTECTED] * *Privileged - Private Confidential* This email and files transmitted with it are intended solely for the use of the addressee(s) and may contain information which is confidential or privileged. If you are not the intended recipient, be aware that any disclosure, copying, distribution or use of this email or any attachment is prohibited. If you receive this email and you are not the addressee, or you have received this email in error, please disregard the contents of the email, delete the email and notify the author immediately. P Please consider the environment before printing this e-mail *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED
Re: [WSG] Marking up multiple form inputs
sorry again, I can send you some samples if you wish s. On Tue, Jun 10, 2008 at 9:52 AM, sundar [EMAIL PROTECTED] wrote: Hi, Don't use table for this particular layout, keep the markup like label, input input Remove the table, put a fieldset around then apply float to label input and set width which matches your layout. Also I can't sent you some samples if you wish Thanks Sundar On Tue, Jun 10, 2008 at 7:07 AM, Chris Pearce [EMAIL PROTECTED] wrote: Hi, Would the following layout be best marked up using a table: *Column Header* *Column Header* [label tag] [input tag] [input tag] [label tag] [input tag] [input tag] [label tag] [input tag] [input tag] Cheers [image: cid:image001.gif@01C7B8BB.D6C86180]http://www.bluearcgroup.com/ solutions for a digital world *Exchange Server 2007* Built-in Protection, Anywhere Access, Operational Efficiency *BLUEARC WILL HELP YOU MAKE THE MOVE. FIND OUT HOW*http://www.bluearcgroup.com/content.asp?z=6c=104p=494f=2 ** level 1, 11 albany street st leonards nsw 2065 *p:* 02 9467 2500 *d:* 02 9467 25 *f:* 02 9431 5999 *e:* [EMAIL PROTECTED] *w:* www.bluearcgroup.com *ARE YOU READY FOR NEXT GENERATION WEB TECHNOLOGY?* Leading the way in Web Content Management, *IgnitionSuite Version 3.0*prepares you for the future of the web. *To learn more call 9467 2500 or email [EMAIL PROTECTED][EMAIL PROTECTED] * *Privileged - Private Confidential* This email and files transmitted with it are intended solely for the use of the addressee(s) and may contain information which is confidential or privileged. If you are not the intended recipient, be aware that any disclosure, copying, distribution or use of this email or any attachment is prohibited. If you receive this email and you are not the addressee, or you have received this email in error, please disregard the contents of the email, delete the email and notify the author immediately. P Please consider the environment before printing this e-mail *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Sundar -- Sundar *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***image001.gif
Re: [WSG] Marking up multiple form inputs
Hi, Don't use table for this particular layout, keep the markup like label, input input Remove the table, put a fieldset around then apply float to label input and set width which matches your layout. Also I can't sent you some samples if you wish Thanks Sundar On Tue, Jun 10, 2008 at 7:07 AM, Chris Pearce [EMAIL PROTECTED] wrote: Hi, Would the following layout be best marked up using a table: *Column Header* *Column Header* [label tag] [input tag] [input tag] [label tag] [input tag] [input tag] [label tag] [input tag] [input tag] Cheers [image: cid:image001.gif@01C7B8BB.D6C86180] http://www.bluearcgroup.com/ solutions for a digital world *Exchange Server 2007* Built-in Protection, Anywhere Access, Operational Efficiency *BLUEARC WILL HELP YOU MAKE THE MOVE. FIND OUT HOW*http://www.bluearcgroup.com/content.asp?z=6c=104p=494f=2 ** level 1, 11 albany street st leonards nsw 2065 *p:* 02 9467 2500 *d:* 02 9467 25 *f:* 02 9431 5999 *e:* [EMAIL PROTECTED] *w:* www.bluearcgroup.com *ARE YOU READY FOR NEXT GENERATION WEB TECHNOLOGY?* Leading the way in Web Content Management, *IgnitionSuite Version 3.0*prepares you for the future of the web. *To learn more call 9467 2500 or email [EMAIL PROTECTED][EMAIL PROTECTED] * *Privileged - Private Confidential* This email and files transmitted with it are intended solely for the use of the addressee(s) and may contain information which is confidential or privileged. If you are not the intended recipient, be aware that any disclosure, copying, distribution or use of this email or any attachment is prohibited. If you receive this email and you are not the addressee, or you have received this email in error, please disregard the contents of the email, delete the email and notify the author immediately. P Please consider the environment before printing this e-mail *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Sundar *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***image001.gif