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] ***
Re: [WSG] Definition lists for comments in blogs
What would be wrong with doing something like this? h3Comment Title/h3 p Posted by foobar on foobar /p div p Comment text /p /div On 5/30/05, Andrew Krespanis [EMAIL PROTECTED] wrote: Heh, well if the blockquote approach is considered overkill, you'll choke on what I actually use for my comments... ol li dl dtAndrew said:/dt ddpThis is my comment. It is the definition of 'Andrew said' within this context./p/dd /dl dl class=date dtComment posted on:/dt dd9:15 am, 28th of May 2005/dd /dl /li /ol my 2c :) Andrew. http://leftjustified.net/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Rowan Lewis (AKA. The Wolf) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Definition lists for comments in blogs
What would be wrong with doing something like this? h3Comment Title/h3 p Posted by foobar on foobar /p div p Comment text /p /div Nothing 'wrong', as such. The div surrounding the 'comment text' paragraph is superfluous and could be dropped, but semantically it's pretty sound. The semantic question to ask there: is each individual comment really a subsection of the page? (which a header signifies). The answer could be yes or no there, I err on no but I see how people could differ. If you were to mark up three comments using your above example, you have 3 different sub-sections in your page structure. Ultimately, the reason for preferring a definition list is that the spec says you can use it to structure a dialogue and since that's what comments are, it does rather make sense. Using a definition list describes everything you've achieved with p and h3, but /also/ makes it very clear that the comments are a related sequence. Arguably a dl also describes a much closer relationship between the comment title (h3 -- dt) and the information (date , author and comment text (all dd)), than a heading and following paragraphs. There's not much in it really, and there comes a point when choosing one highly-optimised semantic structure over another highly-optimised semantic structure shouldn't matter. Both are pretty good. Ben ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Definition lists for comments in blogs
On 5/30/05 4:49 AM Rowan Lewis [EMAIL PROTECTED] sent this out: What would be wrong with doing something like this? h3Comment Title/h3 p Posted by foobar on foobar /p div p Comment text /p /div The only thing I can think of is: are you aware of the origin of fubar (which is the correct spelling of foobar)? It's totally weird how usage of fubar has been so distorted on the web. Whatever. Rick ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Definition lists for comments in blogs
That may be because most people don't know it's an acronym. Foobar IS F.U.B.A.R. Christie Mason -Original Message- Rick Faaberg The only thing I can think of is: are you aware of the origin of fubar (which is the correct spelling of foobar)? It's totally weird how usage of fubar has been so distorted on the web. Whatever. Rick ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Definition lists for comments in blogs
The discussion of Definition lists for comments in blogs has been a great so far. Please don't stray off-topic. Ben WSG Core That may be because most people don't know it's an acronym. Foobar IS The only thing I can think of is: are you aware of the origin of fubar ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Definition lists for comments in blogs
Foobar IS F.U.B.A.R. It isn't, it's only derived from it. See http://kb.iu.edu/data/aetq.html -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Definition lists for comments in blogs
Ahh, but the problem with using blockquote there is that you're trying to differentiate between content from the site owner and content from contributors. However, both those people are 'authors' on the blog, the blog article and blog comments are both first-hand content. blockquote marks up content that is quoted from *another source*, not a secondary author. A comment on a blog does not exist in any other source (online or offline), so you're not 'quoting' it at all. I think the best way to think about it is that with a blog, there is a difference between the site 'owner' and the site authors. If you enable comments on your blog, you are inviting the world in to be authors too. As a curious twist though (given the way in which most blogging software will merge Trackback and Pingback with directly contributed comments) it /would/ be appropriate to blockquote the content snippet from a pinging site, since in that situation the content /is/ second hand. I can see the dilemma, choosing to present the chronological order (ol) vs. presenting more detailed structuring of dialogue (dl). Given that the HTML4 spec. explicitly says that you can use a dl for dialogue, the content is implicitly in order. For me, that is a good enough justification for using the more detailed markup of a dl. Not 100% sure of how I'd do it; maybe something like this: dl class=comments dt class=authorSteve/dt dd class=datetime28th May 2005, Midday/dd dd class=bodytextBlah Blah Blah Foo/dd dt class=authorDavid/dt dd class=datetime29th May 2005, Early Morning/dd dd class=bodytextI concur with all that Blah/dd /dl Any additional meta data (maybe in reply to) would be added as further dd elements before the body text. For styling (albeit rather ambitious with my CSS support), I might use a CSS counter to number each dt (the dl has an implicit order), plus some generated content to add a Comment by and on prefix to the author and datetime fields respectively. It depends on your browser target for something as personal as a blog. Ben On 5/27/05, heretic [EMAIL PROTECTED] wrote: dtAt x:xxpm so-and-so said:/dt ddblah blah blah/dd Accurate I suppose although I'm a bit undecided about numbering inserted as content. Similarly been thinking about markup for search engine results. ol liAt x:xxpm so-and-so said: blockquoteblah blah blah/blockquote /li /ol Thinking this through q and blockquote mark up sections of content which did not originate from the document's author. So I guess this is semantically correct on the basis that the hosting site did not create the content. Thinking back to my search results scenario, the document summary could be considered a quote as well. Hmmm. Mental cogs grinding. Hang on, it's supposed to be friday night ;) h -- --- http://www.200ok.com.au/ --- The future has arrived; it's just not --- evenly distributed. - William Gibson ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- http://www.ben-ward.co.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Definition lists for comments in blogs
Heh, well if the blockquote approach is considered overkill, you'll choke on what I actually use for my comments... ol li dl dtAndrew said:/dt ddpThis is my comment. It is the definition of 'Andrew said' within this context./p/dd /dl dl class=date dtComment posted on:/dt dd9:15 am, 28th of May 2005/dd /dl /li /ol my 2c :) Andrew. http://leftjustified.net/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Definition lists for comments in blogs
-- I've been redesigning my blog recently and I noticed what in my opinion was a misuse of definition lists when it came to the comments section. Doug Bowman and Dan Cedarholme use dtAt x:xxpm so-and-so said:/dt ddblah blah blah/dd The numbering of comments was done within Movabletype rather than an ordered list. For my own blog I came up with this solution. I don't claim it to be the best, but if there's better, do tell. ol liAt x:xxpm so-and-so said: blockquoteblah blah blah/blockquote /li /ol However, to make the order number clickable for use as a permalink to the comment, I had to turn off the bulleting, then reinsert comment order via movabletype. Lucian http://tribolum.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Definition lists for comments in blogs
Is the blockquote really needed? I mean, your not quoting from another source, your just displaying content from your website. Other than that, an ordered list is probably the best method. On 5/26/05, Lucian Teo [EMAIL PROTECTED] wrote: -- I've been redesigning my blog recently and I noticed what in my opinion was a misuse of definition lists when it came to the comments section. Doug Bowman and Dan Cedarholme use dtAt x:xxpm so-and-so said:/dt ddblah blah blah/dd The numbering of comments was done within Movabletype rather than an ordered list. For my own blog I came up with this solution. I don't claim it to be the best, but if there's better, do tell. ol liAt x:xxpm so-and-so said: blockquoteblah blah blah/blockquote /li /ol However, to make the order number clickable for use as a permalink to the comment, I had to turn off the bulleting, then reinsert comment order via movabletype. Lucian http://tribolum.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Rowan Lewis (AKA. The Wolf) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Definition lists for comments in blogs
If we are to follow the W3C example of using DLs to mark up dialogues, there's not much wrong with using a definition list for comments. Infact, it seems a very appropriate use of the element. However, your use of an unordered list with blockqoutes is very interesting too. I guess this is a matter of personal preference rather than what is correct or not. Prabhath http://nidahas.com On 5/26/05, Lucian Teo [EMAIL PROTECTED] wrote: -- I've been redesigning my blog recently and I noticed what in my opinion was a misuse of definition lists when it came to the comments section. Doug Bowman and Dan Cedarholme use dtAt x:xxpm so-and-so said:/dt ddblah blah blah/dd The numbering of comments was done within Movabletype rather than an ordered list. For my own blog I came up with this solution. I don't claim it to be the best, but if there's better, do tell. ol liAt x:xxpm so-and-so said: blockquoteblah blah blah/blockquote /li /ol However, to make the order number clickable for use as a permalink to the comment, I had to turn off the bulleting, then reinsert comment order via movabletype. Lucian http://tribolum.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Definition lists for comments in blogs
On Thu, 26 May 2005 19:16:48 +0930, Rowan Lewis wrote: Is the blockquote really needed? I mean, your not quoting from another source, your just displaying content from your website. Needed, no, but it does seem quite an elegant approach :) Lea -- Lea de Groot Elysian Systems - I Understand the Internet http://elysiansystems.com/ Search Engine Optimisation, Usability, Information Architecture, Web Design Brisbane, Australia ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Definition lists for comments in blogs
I think its one case of taking things a little too far... On 5/26/05, Lea de Groot [EMAIL PROTECTED] wrote: On Thu, 26 May 2005 19:16:48 +0930, Rowan Lewis wrote: Is the blockquote really needed? I mean, your not quoting from another source, your just displaying content from your website. Needed, no, but it does seem quite an elegant approach :) Lea -- Lea de Groot Elysian Systems - I Understand the Internet http://elysiansystems.com/ Search Engine Optimisation, Usability, Information Architecture, Web Design Brisbane, Australia ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Rowan Lewis (AKA. The Wolf) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Definition Lists
Thanks Guys much apreciated. On 5/20/05, Lea de Groot [EMAIL PROTECTED] wrote: On Fri, 20 May 2005 15:17:19 +0100, Peter Costello wrote: However, even though theres only one item, the dl seems like the most appropriate tag. Yep, if semantically its a list which just happens to have only one item to have only one item then a definition list makes sense. HIH Lea -- Lea de Groot Elysian Systems - I Understand the Internet http://elysiansystems.com/ Search Engine Optimisation, Usability, Information Architecture, Web Design Brisbane, Australia ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- -- Peter Costello www.domestik.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Definition Lists
Quick question about DLs I want to use a definition list to mark up particular items throughout a page. Definition Title Definition Data I guess my question is, is it semantically ok to use a definition list when the list has only one item (which technically is not a list)? However, even though theres only one item, the dl seems like the most appropriate tag. -- -- Peter Costello www.domestik.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Definition Lists
I dont think a list has to mean multiple entities... I think one item on the list is perfectly fine. Although I havn't checked the DTD - because maybe it requires two or more. but AFAIK - it only requires ONE or more list title and definition... :) Peter Costello wrote: Quick question about DLs I want to use a definition list to mark up particular items throughout a page. Definition Title Definition Data I guess my question is, is it semantically ok to use a definition list when the list has only one item (which technically is not a list)? However, even though theres only one item, the dl seems like the most appropriate tag. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Definition Lists
Definition lists are the new black. I love them to death and they make me look thinner. Or something like that. You can use a definition list with one term and one definition. I've used them for photos with captions or galleries with multiple image/title combinations that float next to each other to create a nice grid, department listings, contract definitions, you name it. Ted -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Chris Stratford Sent: Friday, May 20, 2005 7:32 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Definition Lists I dont think a list has to mean multiple entities... I think one item on the list is perfectly fine. Although I havn't checked the DTD - because maybe it requires two or more. but AFAIK - it only requires ONE or more list title and definition... :) Peter Costello wrote: Quick question about DLs I want to use a definition list to mark up particular items throughout a page. Definition Title Definition Data I guess my question is, is it semantically ok to use a definition list when the list has only one item (which technically is not a list)? However, even though theres only one item, the dl seems like the most appropriate tag. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] definition lists
I feel stupid. I put together this huge collections project that was built on the back of the mighty definition list. Now, a mere 3 months later, I can't even get a simple dl list to line up the dt and dd elements without throwing everything out of whack. I remember there was a great tutorial on using definition lists and included several variations to make them look like tables, lists, you name it. Does anyone know where that would be? Thanks Ted * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
RE: [WSG] definition lists
http://css.maxdesign.com.au/index.htm -Original Message- From: [EMAIL PROTECTED] on behalf of Ted Drake Sent: Tue 6/22/2004 12:35 PM To: [EMAIL PROTECTED] Subject: [WSG] definition lists I feel stupid. I put together this huge collections project that was built on the back of the mighty definition list. Now, a mere 3 months later, I can't even get a simple dl list to line up the dt and dd elements without throwing everything out of whack. I remember there was a great tutorial on using definition lists and included several variations to make them look like tables, lists, you name it. Does anyone know where that would be? Thanks Ted * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * winmail.dat
Re: [WSG] definition lists
I'm not sure if this is what you need, but try these links: http://www.wpdfd.com/editorial/basics/cssbasics12.html http://www.wpdfd.com/editorial/basics/cssbasics5.html Good luck, Shane Helm \\ Sonze Design Studio On Jun 22, 2004, at 12:35 PM, Ted Drake wrote: I feel stupid. I put together this huge collections project that was built on the back of the mighty definition list. Now, a mere 3 months later, I can't even get a simple dl list to line up the dt and dd elements without throwing everything out of whack. I remember there was a great tutorial on using definition lists and included several variations to make them look like tables, lists, you name it. Does anyone know where that would be? Thanks Ted * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] Definition lists -- mid-weekly challenge
Sent this message before 10am today, and it seems to have disappeared. Will try again. This and following message. Cameron, Can't be bothered trying it Boy, that sure puts this newbie upstart in his place. :) but you could float the image left, leave the other elements non-floated, block, with left margins equal to the image width. Thanks for this advice. It's put me on track, even if it's not quite right. So the trick is to make the dt and dd display as block level elements? It looks as though I was going overboard with floats. View it here: http://members.ozemail.com.au/~hughtodd/dltest/ (Clearing the dl triggers a bug in IE5 Mac in which floats wrongly inherit the 'clear' setting from their containing elements, making it impossible to sit the text elements alongside the floating dt img. See http://www.macedition.com/cb/ie5macbugs/index.html#floatclearbug ) And seriously, folks, is this the wrong place to ask this sort of question, or is the WSG too Olympian for that? -Hugh * The discussion list for http://webstandardsgroup.org/ *
[WSG] Definition lists - misused or misunderstood
Apologies to those who are over the definition list debate... Definition lists - misused or misunderstood? What are definition lists? When are they appropriate? And how to style them to look like tables, image galleries, calendar of events and more http://www.maxdesign.com.au/presentation/definition/index.cfm Samples include: http://www.maxdesign.com.au/presentation/definition/dl-border-around.htm http://www.maxdesign.com.au/presentation/definition/dl-table-display.htm http://www.maxdesign.com.au/presentation/definition/dl-float-right.htm http://www.maxdesign.com.au/presentation/definition/dl-image-gallery.htm http://www.maxdesign.com.au/presentation/definition/dl-event.htm Thanks Russ * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] Definition lists - misused or misunderstood
It's just not fair. Just when I think I'm getting a grip on this web development business, along comes Russ with a whole area of markup that I've never looked at. Where have I been? I had no idea there was even such a thing as definition lists! There's an admission for you! I can see dozens of applications for this set of tags in what I do. - glossary items, breakout boxes, sidebars, lots of things. Thanks Russ! Now back to studying the W3C. Sheesh! Cheers Mike Kear Windsor, NSW, Australia AFP Webworks http://afpwebworks.com -Original Message- From: russ weakley [mailto:[EMAIL PROTECTED] Sent: Wednesday, 28 January 2004 12:19 AM To: Web Standards Group Subject: [WSG] Definition lists - misused or misunderstood Apologies to those who are over the definition list debate... Definition lists - misused or misunderstood? What are definition lists? When are they appropriate? And how to style them to look like tables, image galleries, calendar of events and more http://www.maxdesign.com.au/presentation/definition/index.cfm Samples include: http://www.maxdesign.com.au/presentation/definition/dl-border-around.htm http://www.maxdesign.com.au/presentation/definition/dl-table-display.htm http://www.maxdesign.com.au/presentation/definition/dl-float-right.htm http://www.maxdesign.com.au/presentation/definition/dl-image-gallery.htm http://www.maxdesign.com.au/presentation/definition/dl-event.htm Thanks Russ * The discussion list for http://webstandardsgroup.org/ *
[WSG] Definition lists -- mid-weekly challenge
Russ, anyone, Any thoughts on using dl for the following? I can't seem to make it work. (Could this be a mid-weekly challenge?) Rather than having all of your dl elements stacked above each other, (as in your example: http://www.maxdesign.com.au/presentation/definition/dl-image- gallery.htm ) I'd like to sit the img left, with the second dt to its right and the dd below that. I've applied a float: left; to the img and another to the other dt, but I want to bring the dd below the dt, and can't find a way to do it. I've looked at using position: relative to move the img, but that gets a bit dodgy. Here's what I'd like to achieve, in ASCII art. Hope you get the idea. SECOND DT HERE **IMG **DD starts here I've tried floats, but the dd persists in sitting to the right of the second dt. Perhaps the only solution will be to turn the second (non-img) dt into a dd and modify it with a span, but then I lose the semantic significance of the dt. -Hugh Todd * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Definition lists -- mid-weekly challenge
Can't be bothered trying it, but you could float the image left, leave the other elements non-floated, block, with left margins equal to the image width. -- Cameron W: www.themaninblue.com __ Do you Yahoo!? Yahoo! SiteBuilder - Free web site building tool. Try it! http://webhosting.yahoo.com/ps/sb/ * The discussion list for http://webstandardsgroup.org/ *