Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie
Hi there,
There is an issue with role permissions that is being worked on at the moment.
If you are having trouble with access or permissions on regional forums please post here to get access: https://www.boards.ie/discussion/2058365403/you-do-not-have-permission-for-that#latest

how to make FAQ?

  • 11-09-2008 9:10pm
    #1
    Closed Accounts Posts: 73 ✭✭


    im doing a project for someone and was wondering if anyone could help me.... im looking for the common faq where when you click on the question it shoots down the page to the answer...

    does anyone know where i can find tutorials, any help great.. thanks


Comments

  • Registered Users, Registered Users 2 Posts: 3,057 ✭✭✭kjt


    What your looking for are anchors, here's a tutorial and below is a really basic one to get you going :)

    Hope that helps!

    [HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    <html xmlns="http://www.w3.org/1999/xhtml"&gt;
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    </head>

    <body>
    <p><a href="#link1" title="link 1">link 1</a> - <a href="#link2" title="link 2">link 2</a></p>
    <div style="margin:1234px 0 0 0"> </div>
    <a name="link1">FAQ</a>
    <h1>Link 1 - Answer</h1>
    <div style="margin:1234px 0 0 0"> </div>
    <a name="link2">FAQ</a>
    <h1>Link 2 - Answer</h1>
    </body>
    </html>
    [/HTML]


  • Closed Accounts Posts: 44 maperoo


    Hi there,
    Here's a working example... http://www.issturf.com/faqs.asp that i did with a buddy.

    If you view the source, you'll see what's going on.. the links for example:
    <a href="#6">6.What is the safest product available and why?</a>

    would bring you to the lower section:
    <a name="6"></a>

    G'luck


  • Moderators, Computer Games Moderators Posts: 10,462 Mod ✭✭✭✭Axwell


    I dont think its in the tutorial but you should include a back to top link that when clicked will bring the user back to the list at the top, just put an anchor at the top and link it from the words "back to top" after each FAQ answer. Saves scrolling up and down and in a lot of cases the user wont realise they are on the same page and will click the back button on their broswer.


  • Registered Users, Registered Users 2 Posts: 6,571 ✭✭✭daymobrew


    Alternate idea: Use jquery accordion.


  • Closed Accounts Posts: 73 ✭✭eoiner-galway


    thanks for all the help....


  • Advertisement
  • Registered Users, Registered Users 2 Posts: 21,263 ✭✭✭✭Eoin


    Axwell wrote: »
    I dont think its in the tutorial but you should include a back to top link that when clicked will bring the user back to the list at the top, just put an anchor at the top and link it from the words "back to top" after each FAQ answer. Saves scrolling up and down and in a lot of cases the user wont realise they are on the same page and will click the back button on their broswer.

    The back button should still bring you back to the original link anyway.

    I'll have to check, but I think you can link to any element with an ID, so you don't even need to create an anchor.


  • Registered Users, Registered Users 2 Posts: 3,057 ✭✭✭kjt


    eoin_s wrote: »
    I'll have to check, but I think you can link to any element with an ID, so you don't even need to create an anchor.

    Yup, you can :)


Advertisement