Comments on: Creating FAQs Using a Definition List

By: Web Design Leicester

Web Design Leicester — Thu, 30 Jun 2011 23:09:16 +0000

Really a site should be tested in as many browsers as possible. If it’s built well, it should work with little fuss in all of the standards compliant browsers such as Firefox, Safari, Opera, etc.

Some additional work might be required for IE

Back on topic, this is also how I do my FAQs

By: CSS Tips Every Web Developer Should Know!

CSS Tips Every Web Developer Should Know! — Sun, 06 Feb 2011 17:31:33 +0000

[...] 10. Creating FAQs using a definition list [...]

By: parms

parms — Fri, 17 Sep 2010 16:07:14 +0000

interesting approach.

Many times though the aswer to a question in volves multiple lines and paragraphs.

Can we insert paragrapha(or even images) into this example you have given? Would it still hold from a semantic point of view.

By: Christopher Michael Pastore

Christopher Michael Pastore — Sun, 08 Mar 2009 23:12:02 +0000

My order of browser support is Firefox PC/MAC, Safari (PC/MAC), Opera (PC/MAC) then IE7 and last IE6.

The reason I do this is because IE is the most troubled browser. I use semantic, lean code and adhere to web standards to the extreme. Once all looks great in NORMAL browsers I fix for IE. Enough said.

By: Dave Woods - Freelance Web Designer UK » 10 CSS Tips Every Web Developer Should Know

Wed, 04 Mar 2009 20:45:12 +0000

[...] Creating FAQs using a definition list [...]

By: James Salmons

James Salmons — Sat, 08 Mar 2008 19:42:27 +0000

Thanks for this one. I like the idea and probably would have just blissfully gone on my way without thinking of it.

James

P.S. I suppose if someone thinks they just have to think of IE first they can now think IE 8 (standards compliant, right).

By: jeffld

jeffld — Mon, 03 Mar 2008 21:55:54 +0000

I like the way the definition lists method looks.

I noticed that you didn’t give a demo page. The other code samples you have that I looked at have a demo page. I really like it when you put out a live demo page. I think you should put a demo page for this.

example

http://www.polysyncronism.com/CodeShare/faq_example/

By: Jermayn Parker

Jermayn Parker — Thu, 28 Feb 2008 01:59:35 +0000

Agree with using definition lists for FAQs, the best style i have seen is the JavaScript ones which stack and collapse (example)

By: Max Flight

Max Flight — Wed, 27 Feb 2008 02:36:37 +0000

Dave is absolutely correct, in my opinion. Duryodhan may be a troll – I’m not sure yet. We’ll see, I bet.

Anyway, the FAQ topic is interesting and you’ve motivated me to go back and look at the markup I wrote so long ago. Thanks for that!

By: Dave

Dave — Tue, 26 Feb 2008 08:59:17 +0000

It may sound like an ideal but if you develop using web standards first and validate your code then you should be able to get your site working consistently fine in Opera, Firefox and Safari without using a single hack (with experience I tend to now find that what works in Firefox usually also works fine in Opera and Safari).

IE7 may require a little bit of tweaking and we all know about the bugs that IE6 has but if you follow that process then it really shouldn’t cause too many issues and you should be able to support all rendering engines with relatively little trouble.

I recently had a project that had to be pixel perfect from IE5.5 upwards and although it does have a few complications, as long as you have the knowledge about what problems you’re going to hit (mainly the broken box model) then it shouldn’t give you too many sleepless nights.

I may write an article which covers this in more detail over the next couple of weeks that explains a bit more about my development process and how supporting Opera, Safari, Firefox and the IE engines shouldn’t be the big problem that a lot of people seem to think it is.