Home arrow HTML arrow Page 4 - More Convenient FAQ Web Pages
HTML

More Convenient FAQ Web Pages


A conventional Frequently Asked Questions page has questions at the top of the page. Below these questions are the answers. The questions are links. When you click a question the page jumps to the answer. We can design a better FAQ page, however. Keep reading to find out how.

Author Info:
By: Chrysanthus Forcha
Rating: 5 stars5 stars5 stars5 stars5 stars / 2
April 29, 2009
TABLE OF CONTENTS:
  1. · More Convenient FAQ Web Pages
  2. · Example
  3. · The HEAD Element
  4. · Testing with Browsers

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
More Convenient FAQ Web Pages - Testing with Browsers
(Page 4 of 4 )

I tested the code with Internet Explorer 6, Mozilla Firefox 2, Netscape 8, Opera 9 and Safari 3. Everything went as expected with all of the browsers, except Internet Explorer 6. The problem with Internet Explorer 6 is that when the mouse pointer goes over a question, it does not become an arrowhead. This is a weakness with the browser. The rest of the features worked well with IE 6.

A simple way to handle the problem with IE 6 is to include the following attribute into each DT tag of the page:


title= "Click to see answer."


With this attribute, if the mouse pointer goes over a question, a tool tip will appear saying "Click to see answer." This will indicate to the user that if he clicks the question, he will see the answer.

Well, you now have a better way of designing an FAQ web page.


DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

blog comments powered by Disqus
HTML ARTICLES

- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5
- BBC Adopts HTML 5, Mozilla Addresses Issues
- Advanced Sticky Footers in HTML and CSS
- HTML and CSS Sticky Footers
- Strategy Analytics Predicts HTML5 Phones to ...
- HTML5 Guidelines for Web Developers
- Learning HTML5 Game Programming
- More Engaging CSS3 and HTML Background Effec...
- Engaging HTML and CSS3 Background Effects
- More Web Columns with CSS3 and HTML
- Columns with CSS3 and HTML
- Creating Inline-Block HTML Elements with CSS
- Drag and Drop in HTML5: Parsing Local Files

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 3 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials