Thank you both for your help! I've got it working now!! You're both very good human beings!! The E-Book is coming around nicely now!!
Edit: I'm able to make text larger and smaller on demand, but I can't implement it with my E-book site design, the pages are already made up any everything but I need to have the text changing in the same layout.
Is there one code, that I can put into the <head> </head> section which would allow all body text in the body section to automatically change, I took a look at the link above, it explained it pretty well, but I couldn't get it working. Tried for a while as well :(
I've edited this code slightly, so the text size changes instead of the colour.
CODE
<style type="text/css">
.first
{
font size: 10;
}
.second
{
font size: 16;
}
</style>
<script language="JavaScript">
function change(id, newClass) {
identity=document.getElementById(id);
identity.className=newClass;
}
</script>
<h1 class="first" id="changeme"> THE TEXT WHICH WOULD BECOME SMALLER OR LARGER GOES HERE </h1>
<a href="java script:;" onClick="change('changeme', 'second');">Large Font</a> | <a href="java script:;" onClick="change('changeme', 'first');">Small Font</a>
The problem is, I want all of the text in the body to become larger or smaller, and I can't copy and paste all of the text in to the part I highlighted in the code, because it's set in a certain layout.
Main Question Now: Is there code which I could copy and paste into the <head> of my page which would allow all body text to become smaller and larger on the click of two links? Right now, the code above lets me do what I want, but with only text specifced in the code, could it be changed to something like
CODE
<h1 class="first" id="changeme"> bodytext </h1>
or something?
Thanks for any replies, I've really done my head in looking at this, I wouldn't be asking if I hadn't already spent ages looking in to this!