i must of done something wrong with this code because every time i put this calculater code on my website the 1 2 3 + are spaced to far away from the 4 5 6 - and then the 7 8 9 x are to spaced from the C 0 = /

the code is

Browser: IE 7

Try this (untested, but should work). I put each button into a table cell, and each row of buttons into a table row

Code:


<form name="calc">

  <table border="4">



    <tr>

      <td>

        <input type="text" name="numbers" size="16" />

      </td>

    </tr>



    <tr>

      <td>

        <input type="button" value=" 1 " ="document.calc.numbers.value += '1'" />

      </td>

      <td>

        <input type="button" value=" 2 " ="document.calc.numbers.value += '2'" />

      </td>

      <td>

        <input type="button" value=" 3 " ="document.calc.numbers.value += '3'" />

      </td>

      <td>

        <input type="button" value=" + " ="document.calc.numbers.value += ' + '" />

      </td>



    </tr>

    <tr>

      <td>

        <input type="button" value=" 4 " ="document.calc.numbers.value += '4'" />

      </td>

      <td>

        <input type="button" value=" 5 " ="document.calc.numbers.value += '5'" />

      </td>

      <td>

        <input type="button" value=" 6 " ="document.calc.numbers.value += '6'" />

      </td>

      <td>

        <input type="button" value=" - " ="document.calc.numbers.value += ' - '" />

      </td>



    </tr>

    <tr>

      <td>

        <input type="button" value=" 7 " ="document.calc.numbers.value += '7'" />

      </td>

      <td>

        <input type="button" value=" 8 " ="document.calc.numbers.value += '8'" />

      </td>

      <td>

        <input type="button" value=" 9 " ="document.calc.numbers.value += '9'" />

      </td>

      <td>

        <input type="button" value=" x " ="document.calc.numbers.value += ' * '" />

      </td>



    </tr>

    <tr>

      <td>

        <input type="button" value=" C " ="document.calc.numbers.value = ''" />

      </td>

      <td>

        <input type="button" value=" 0 " ="document.calc.numbers.value += '0'" />

      </td>

      <td>

        <input type="button" value=" = " ="document.calc.numbers.value = eval(calc.numbers.value)" />

      </td>

      <td>

        <input type="button" value=" / " ="document.calc.numbers.value += ' / '" />

      </td>

    </tr>



  </table>

</form>

Browser: Mozilla Firefox 3.6.*

OS: Windows 7

Code:


<form name="calc">

  <table border="4">



    <tr>

      <td>

        <input type="text" name="numbers" size="16" />

      </td>

    </tr>



    <tr>

      <td>

        <input type="button" value=" 1 " ="document.calc.numbers.value += '1'" />

      </td>

      <td>

        <input type="button" value=" 2 " ="document.calc.numbers.value += '2'" />

      </td>

      <td>

        <input type="button" value=" 3 " ="document.calc.numbers.value += '3'" />

      </td>

      <td>

        <input type="button" value=" + " ="document.calc.numbers.value += ' + '" />

      </td>



    </tr>

    <tr>

      <td>

        <input type="button" value=" 4 " ="document.calc.numbers.value += '4'" />

      </td>

      <td>

        <input type="button" value=" 5 " ="document.calc.numbers.value += '5'" />

      </td>

      <td>

        <input type="button" value=" 6 " ="document.calc.numbers.value += '6'" />

      </td>

      <td>

        <input type="button" value=" - " ="document.calc.numbers.value += ' - '" />

      </td>



    </tr>

    <tr>

      <td>

        <input type="button" value=" 7 " ="document.calc.numbers.value += '7'" />

      </td>

      <td>

        <input type="button" value=" 8 " ="document.calc.numbers.value += '8'" />

      </td>

      <td>

        <input type="button" value=" 9 " ="document.calc.numbers.value += '9'" />

      </td>

      <td>

        <input type="button" value=" x " ="document.calc.numbers.value += ' * '" />

      </td>



    </tr>

    <tr>

      <td>

        <input type="button" value=" C " ="document.calc.numbers.value = ''" />

      </td>

      <td>

        <input type="button" value=" 0 " ="document.calc.numbers.value += '0'" />

      </td>

      <td>

        <input type="button" value=" = " ="document.calc.numbers.value = eval(calc.numbers.value)" />

      </td>

      <td>

        <input type="button" value=" / " ="document.calc.numbers.value += ' / '" />

      </td>

    </tr>



  </table>

</form>

Browser: IE 7

This is tested working (http://scutterman.com/misc/calculator%20test.html). I made the top cell span across all four columns. Bravenet seems to have removed all of the on click attributes so it's probably best to copy the source from my link.If it's still not looking right then post a link and I'll be able to help more.

Code:


<form name="calc">

  <table border="4">

    <tr>

      <td colspan="4">

        <input type="text" name="numbers" size="16" />

      </td>

    </tr>

    <tr>

      <td>

        <input type="button" value=" 1 " ="document.calc.numbers.value += '1'" />

      </td>

      <td>

        <input type="button" value=" 2 " ="document.calc.numbers.value += '2'" />

      </td>

      <td>

        <input type="button" value=" 3 " ="document.calc.numbers.value += '3'" />

      </td>

      <td>

        <input type="button" value=" + " ="document.calc.numbers.value += ' + '" />

      </td>

    </tr>

    <tr>

      <td>

        <input type="button" value=" 4 " ="document.calc.numbers.value += '4'" />

      </td>

      <td>

        <input type="button" value=" 5 " ="document.calc.numbers.value += '5'" />

      </td>

      <td>

        <input type="button" value=" 6 " ="document.calc.numbers.value += '6'" />

      </td>

      <td>

        <input type="button" value=" - " ="document.calc.numbers.value += ' - '" />

      </td>

    </tr>

    <tr>

      <td>

        <input type="button" value=" 7 " ="document.calc.numbers.value += '7'" />

      </td>

      <td>

        <input type="button" value=" 8 " ="document.calc.numbers.value += '8'" />

      </td>

      <td>

        <input type="button" value=" 9 " ="document.calc.numbers.value += '9'" />

      </td>

      <td>

        <input type="button" value=" x " ="document.calc.numbers.value += ' * '" />

      </td>

    </tr>

    <tr>

      <td>

        <input type="button" value=" C " ="document.calc.numbers.value = ''" />

      </td>

      <td>

        <input type="button" value=" 0 " ="document.calc.numbers.value += '0'" />

      </td>

      <td>

        <input type="button" value=" = " ="document.calc.numbers.value = eval(calc.numbers.value)" />

      </td>

      <td>

        <input type="button" value=" / " ="document.calc.numbers.value += ' / '" />

      </td>

    </tr>

  </table>

</form>

Browser: Mozilla Firefox 3.6.*

OS: Windows 7

Don't bother trying to post code that contains any kind of mouse event. Bravenet's forum software will strip out any mouse event references. There are several other code references that are not allowed. A preview of your post will tell you what will, and will not, render correctly.

Even with code that does post correctly, posting a snippet is usually not worth the trouble. The code itself may be fine, but the code around it may be the cause of the problem. The best way to get help is to create a test page that shows the problem, and then provide us with a link.

Browser: Firefox

OS: Solaris, Redhat, Fedora, Suse

thanks the code in the link worked

Browser: IE 7