Re: [WSG] Definition lists for testimonials
On 5 May 2008, at 19:04, Thierry Koblentz wrote: -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rick Lecoat Sent: Monday, May 05, 2008 8:26 AM To: wsg@webstandardsgroup.org Subject: [WSG] Definition lists for testimonials Hi, I need to mark up a list of client testimonials. At first I was going to do it with a UL but then I thought about the multi-part nature of each 'item' (Client's quote, client's name, client's company) and figured that a definition list might be a better option. My only reservation about that is the fact that by using the established structure: dl dt client's quote /dt dd client's name /dd dd client's company /dd /dl I think you're missing an important element: blockquote but then it won't be allowed in a DT Hi, just returning to this issue. Thierry, I had actually com to the same blockquote conclusion, and my solution last week to a list of testimonials was this: div#testimonials ul li blockquote p p.clientName p.clientCompany /blockquote /li li blockquote p p.clientName p.clientCompany /blockquote /li /ul /div (that's simplified, obviously). I'm going back over my markup to see if I can streamline it, and I'm wondering if the ul/li structure is needed. On the one hand it *is* semantically a list -- it's a list of testimonials after all. On the other hand a series of blockquotes wrapped in a div is much neater and less busy. My question to the panel is: do you think that the unordered list markup is required semantically? Cheers; -- Rick Lecoat *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Definition lists for testimonials
how about using the blockquote cite attribute? http://brainstormsandraves.com/articles/semantics/structure/ They mention using cite for a url (or email link) and title for the details. seems to be compliant to me... On May 13, 2008, at 16:31, Rick Lecoat wrote: On 5 May 2008, at 19:04, Thierry Koblentz wrote: -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] ] On Behalf Of Rick Lecoat Sent: Monday, May 05, 2008 8:26 AM To: wsg@webstandardsgroup.org Subject: [WSG] Definition lists for testimonials Hi, I need to mark up a list of client testimonials. At first I was going to do it with a UL but then I thought about the multi-part nature of each 'item' (Client's quote, client's name, client's company) and figured that a definition list might be a better option. My only reservation about that is the fact that by using the established structure: dl dt client's quote /dt dd client's name /dd dd client's company /dd /dl I think you're missing an important element: blockquote but then it won't be allowed in a DT Hi, just returning to this issue. Thierry, I had actually com to the same blockquote conclusion, and my solution last week to a list of testimonials was this: div#testimonials ul li blockquote p p.clientName p.clientCompany /blockquote /li li blockquote p p.clientName p.clientCompany /blockquote /li /ul /div (that's simplified, obviously). I'm going back over my markup to see if I can streamline it, and I'm wondering if the ul/li structure is needed. On the one hand it *is* semantically a list -- it's a list of testimonials after all. On the other hand a series of blockquotes wrapped in a div is much neater and less busy. My question to the panel is: do you think that the unordered list markup is required semantically? Cheers; -- Rick Lecoat *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** == Joe Ortenzi [EMAIL PROTECTED] *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Definition lists for testimonials
On 13 May 2008, at 17:56, Joseph Ortenzi wrote: how about using the blockquote cite attribute? http://brainstormsandraves.com/articles/semantics/structure/ They mention using cite for a url (or email link) and title for the details. seems to be compliant to me... Hi Joseph; Thanks for your reply. Maybe I'm mis-reading your post but it sounds as if you are suggesting that I use cite and title to replace the p.clientName and p.clientCompany tags. The problem with that, as I see it, is that the cite attribute is supposed to point to an online source URL, and only one or two of these testimonials have a relevant URL to link to. Secondly, even if the title attribute is appropriate for the client's name and company, then by embedding that information in the title attribute it is effectively hidden apart from on mouse- over -- not much use to keyboard using visitors. I think that if I'm reading a testimonial I expect to see the originator's name and credentials clearly at the bottom, rather than hidden inside the code waiting for a mouse over. On the other hand, if I misinterpreted your post and you were suggesting using the attributes *in addition* to the structure that I already had, then I agree completely, with the caveat that some of the blockquotes would have to have (null) cite attributes. Bear in mind that the markup I jotted down was a highly simplified version of the actual code. Lastly, when you said seems to be compliant to me were you referring to the brainstormsandraves example you gave me, or where you referring to my markup? And if so, which version (ie. with the ul or without)? Thanks again; -- Rick Lecoat *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Definition lists for testimonials
On 13 May 2008, at 19:48, Mike at Green-Beast.com wrote: Don't forget the cite element too. If a source isn't online you wouldn't use the cite attribute, but the element will still help with proper attribution. Mike, you're bang on the money: I had indeed completely forgotten about the cite element, and it's just the tool for the job here. And thanks for confirming what I already suspected -- that the list was over-egging the pudding. Peculiarly, I immediately (in shame) went to O'Reilly's 'HTML XHTML - The Definitive Guide' to refresh my memory about the cite element and discovered that it appears to not be listed in the index at all. Attribute: yes, element: no. Weird. Thanks again, and to everyone else who responded. -- Rick Lecoat *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Definition lists for testimonials
The W3C has an example of the use of the cite and quote elements here: http://www.w3.org/People/mimasa/test/xhtml2/spec-examples/mod-text/cite-ex01.xhtml Or you can read all about quotations here: http://www.w3.org/TR/html401/struct/text.html#h-9.2.2 You could avoid the blockquote and use a paragraph depending on the length of the quoted text. Only use the q element if it is an inline quote (i.e., a short quote). If you want a lengthy quote, use the blockquote. An inline quote example: code pcite cite=http://www.comany-url.com;Company XYZ says/cite q lang=us-enYou are the best!/q/p /code A block level quote example (as Mike indicated above): code blockquote pI have a lot of things to say about this guy. He's done a really great job! cite cite=http://www.company-url.com;--- Company XYZ/cite/p /blockquote /code You can also add an anchor around the company name if you want to link to their website. I don't believe the cite *attribute* (as opposed to *element*or 'tag') is compulsory if you're not referring to an online source, but I'm not entirely certain. Jason On Wed, May 14, 2008 at 5:14 AM, Rick Lecoat [EMAIL PROTECTED] wrote: On 13 May 2008, at 19:48, Mike at Green-Beast.com wrote: Don't forget the cite element too. If a source isn't online you wouldn't use the cite attribute, but the element will still help with proper attribution. Mike, you're bang on the money: I had indeed completely forgotten about the cite element, and it's just the tool for the job here. And thanks for confirming what I already suspected -- that the list was over-egging the pudding. Peculiarly, I immediately (in shame) went to O'Reilly's 'HTML XHTML - The Definitive Guide' to refresh my memory about the cite element and discovered that it appears to not be listed in the index at all. Attribute: yes, element: no. Weird. Thanks again, and to everyone else who responded. -- Rick Lecoat *** 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] Definition lists for testimonials
Hi, I need to mark up a list of client testimonials. At first I was going to do it with a UL but then I thought about the multi-part nature of each 'item' (Client's quote, client's name, client's company) and figured that a definition list might be a better option. My only reservation about that is the fact that by using the established structure: dl dt client's quote /dt dd client's name /dd dd client's company /dd /dl ...the 'term' will be way longer than the two 'definitions'. But clearly the client name and company name should come after the quotation. Is this actually un-semantic or is it just slightly counter-intuitive? Can a DT be 10 times the length of its DDs? Alternatively, should I be looking at a blockquote/paragraph combination instead? (that doesn't feel as elegant because it lacks the self-contained nature of a DT/DD set). Suggestions welcome. -- Rick Lecoat *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Definition lists for testimonials
Definition Lists are wonderful markup tools. They do create a nice relationship between element pairs and I find myself sometimes using them for lists of real estate properties for sale: Something like: dl dtproperty photo //dt dtaddress, city st zip/dt ddprice/dd ddbeds / baths/dd /dl You can style them well in a wide range of ways and without any styling, additionally the raw dl display natural indentation also explains the relationship. Browsing properties The photo/address (what I would say we humans consider the property's definition term) Then, descriptive features like bedrooms, baths etc (which are to be considered the definition description). At the same time, microformats could be used... div class=vcard div class=testimonial...Testimonial Text/div div class=orgName of Client's Company/div /div Or even something like: p class=testimonialI want to take the time to let you know that both of our websites get many compliments daily. You did a great job. Thanks. span class=fromClient Name/span/p// Joseph R. B. Taylor /Designer / Developer/ -- Sites by Joe, LLC /Clean, Simple and Elegant Web Design/ Phone: (609) 335-3076 Fax: (866) 301-8045 Web: http://sitesbyjoe.com Email: [EMAIL PROTECTED] Rick Lecoat wrote: Hi, I need to mark up a list of client testimonials. At first I was going to do it with a UL but then I thought about the multi-part nature of each 'item' (Client's quote, client's name, client's company) and figured that a definition list might be a better option. My only reservation about that is the fact that by using the established structure: dl dt client's quote /dt dd client's name /dd dd client's company /dd /dl ...the 'term' will be way longer than the two 'definitions'. But clearly the client name and company name should come after the quotation. Is this actually un-semantic or is it just slightly counter-intuitive? Can a DT be 10 times the length of its DDs? Alternatively, should I be looking at a blockquote/paragraph combination instead? (that doesn't feel as elegant because it lacks the self-contained nature of a DT/DD set). Suggestions welcome. -- Rick Lecoat *** 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] ***begin:vcard fn:Joseph Taylor n:Taylor;Joseph org:Sites by Joe, LLC adr:;;408 Route 47 South;Cape May Court House;NJ;08210;USA email;internet:[EMAIL PROTECTED] title:Designer / Developer tel;work:609-335-3076 tel;fax:886-301-8045 tel;home:609-886-9660 tel;cell:609-335-3076 x-mozilla-html:TRUE url:http://sitesbyjoe.com version:2.1 end:vcard
RE: [WSG] Definition lists for testimonials
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rick Lecoat Sent: Monday, May 05, 2008 8:26 AM To: wsg@webstandardsgroup.org Subject: [WSG] Definition lists for testimonials Hi, I need to mark up a list of client testimonials. At first I was going to do it with a UL but then I thought about the multi-part nature of each 'item' (Client's quote, client's name, client's company) and figured that a definition list might be a better option. My only reservation about that is the fact that by using the established structure: dl dt client's quote /dt dd client's name /dd dd client's company /dd /dl I think you're missing an important element: blockquote but then it won't be allowed in a DT -- Regards, Thierry | http://www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
