Hi all!

I have a small problem that I need help with in Dreamweaver. I'm creating a webpage about a BB's history and I want to put in a Javascript text resize which would only increase/decrease the written content.

However, I put one code in but the text in the middle (the part I want to increase/decrease) stays the same while my navigation text changes.

Any idea's on how to fix this problem?!

My text resizing code is :
Code:
<div id="resize">Change text size:<br><a name="change">
<img src="images/subtract.png" alt="Decrease text size" width="30" height="30" hspace="2" id="minustext" onclick="resizeText(-1)" />
<img src="images/add.png" alt="Increase text size" width="30" height="30" id="plustext" onclick="resizeText(1)" /></a></div>
</div>
<script type="text/javascript">
function resizeText(multiplier) {
  if (document.body.style.fontSize == "") {
    document.body.style.fontSize = "1.0em";
  }
  document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (multiplier * 0.2) + "em";
}

Any help is greatly appreciated! Thanks.