I happened to stumbled upon this website http://www.tristarwebdesign.co.uk/ whereby on the (near) top-left corner, the option of user being able to select text caught my attention. This could help the viewers of my website to select the tex-size they feel comfortable with.

Similar JavaScript can be found in http://www.dynamicdrive.com/dynamicindex9/textsizer.htm but this ONLY has two links of "Larger Font" and "Smaller Font", which users CONTINUOUSLY have to press to see the desired font size.

However, from the above website, you can see that the user can select the font-size STRAIGHT-AWAY by simply "choosing" (rather than continuously clicking) the font-size they desire.

You can see from this site: http://members.lycos.co.uk/darsh25/P...e/services.php that although, I've achieved the desired look but not the function as yet (top-left corner). Text file of "services.php" i.e. the coding can be seen from http://members.lycos.co.uk/darsh25/P...rvices.php.txt

Can anyone hence help me achieve the result EXACTLY as it occurs in http://www.tristarwebdesign.co.uk/ ??? I only wish to have this changes appearing ONLY in my "centerContent" container (hence NOT in the "footer" area). I could do with either using CSS (if such a thing is possible without creating a whole new stylesheet & increasing the size of ALL elements) or JavaScript (which would only need one single file, rather than many different stylesheets.)

My other related documents (like stylesheet & "inc" file, etc.) can be seen on:
http://members.lycos.co.uk/darsh25/Personal%20Website