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

how to make FAQ?

Options
  • 11-09-2008 10:10pm
    #1
    eoiner-galway
    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

  • Options
    #2
    kjt
    Registered Users 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]


  • Options
    #3
    maperoo
    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


  • Options
    #4
    Axwell
    Moderators, Business & Finance 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.


  • Options
    #5
    daymobrew
    Registered Users Posts: 6,494 ✭✭✭daymobrew


    Alternate idea: Use jquery accordion.


  • Options
    #6
    eoiner-galway
    Closed Accounts Posts: 73 ✭✭eoiner-galway


    thanks for all the help....


  • Advertisement
  • Options
    #7
    Eoin
    Registered Users Posts: 21,242 ✭✭✭✭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.


  • Options
    #8
    kjt
    Registered Users 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