Calculator

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
     <title>Calculator</title>
        <style type="text/css">

            table { border-color: #800000;
                     background-color: #333399;
                     color: #000000;
                     width:200px;

                }
            td
            {
                    width:50px;
                    height:50px ;
                    text-align:center;
                    padding:0;
               }
            #result { text-align: right;
                      width: 200px;
                      height:40px;
                      font-size:35px;
             }

            #plus
            {
                    width:45px;
                    height:45px;
                    text-align: center;
                    background-color: #00CC00;
            }
            #minus
            {
                   color: #FFFFFF;
                   background-color: #000000;

            }
            #sum
            {
                    background-color: #000000;
                    color: #FFFFFF;
            }
            #point
            {
                   background-color: #000000;
                   color:#FFFFFF;
            }
            #one
            {
                  width: 30px;
                  height: 30px;
            }
            #zero
            {
                width: 35px;
                height: 35px;
            }
            #total
            {
                width: 35px;
                height: 35px;
                margin-left: 0px;
                background-color:Red;
            }

            #two
            {
                width: 30px;
                height: 30px;
            }

            #three
            {
                width: 30px;
                height: 30px;
            }
            #six
            {
                height: 30px;
                width: 30px;
            }
            #five
            {
                height: 30px;
                width: 30px;
            }
            #four
            {
                width: 30px;
                height: 29px;
            }
            #seven
            {
                width: 30px;
                height: 30px;
            }
            #eight
            {
                width: 30px;
                height: 30px;
            }
            #nine
            {
                width: 30px;
                height: 30px;
            }

       </style>
</head>
<body>
    <form name="calculator" method=post action="path/to/some-script.php" >
        <table cellpadding="0" cellspacing="0" border="1">
            <tr>
                <td colspan=4>
                    <input type="text" id="result" name="result" value="1234567890"/>
                 </td>
             </tr>
            <tr>
                <td >
                    <input type="button" id="one" name="1" value="1"/>
                </td>
                <td >
                    <input type="button" id="two" name="2" value="2"/>
                </td>
                <td>
                    <input type="button" id="three" name="3" value="3"/>
                </td>
                <td>
                    <input type="button" id="plus" name="plus" value="+"/>
                         >
                </td>
             </tr>
            <tr>
                <td>
                    <input type="button" id="four" name="4" value="4"/>
                </td>
                <td>
                    <input type="button" id="five" name="5" value="5"/>
                </td>
                <td>
                    <input type="button" id="six" name="6" value="6"/>
                </td>
                <td>
                    <input type="button" id="minus" name="minus" value="-"/>
                </td>

             </tr>
            <tr>
                <td>
                     <input type="button" id="seven" name="7" value="7"/>
                </td>
                <td>
                     <input type="button" id="eight" name="8" value="8"/>
                </td>
                <td>
                     <input type="button" id="nine" name="9" value="9"/>
                </td>
                <td>
                     <input type="button" id="sum" name="*" value="*"/>
                </td >
              </tr>
            <tr>
                <td colspan="2">
                     <input type="button" id="zero" name="0" value="0"/>
                </td>
                <td>
                     <input type="button" id="point" name="." value="."/>
                </td >
                <td>
                     <input type="button" id="total" name="=" value="="/>
                </td >
             </tr>
             </table>
    </form>

</body>
</html>