Всем привет, не могу настроить ширина и высота этого тега <td><input type="text" width="150" height="150" name="num2" id="num2" /><br /><br />
вот там писал команду width и height но не настроится. Вот код
<html>
<head>
<title>Курс по Javascript</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<!--<link href="http://filmi-seriali.ru/templates/ic_invideo/css/styles.css" rel="stylesheet" type="text/css" />-->
</head>
<style>
.button{
text-decoration:none;
text-align:center;
padding:11px 32px;
border:solid 1px #004F72;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius: 4px;
font:18px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#E5FFFF;
background-color:#3BA4C7;
background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 );
background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
}
.text-input,
input[type=text]{
border-style: solid;
border-width: 1px;
font-size: 14px;
height: 26px;
line-height: 27px;
padding: 4px 4px 4px 12px;
border-color: #ccc #e6e6e6 #e6e6e6;
border-radius: 3px;
}
.text-input:focus,
input[type=text]:focus{
box-shadow: 0px 0px 5px #EFCB88;
}
textarea.text-input{
min-height: 70px;
height: auto;
}*/
</style>
<body>
<div>
<script type="text/javascript">
function kalk(){
var n1=document.getElementById('num1').value
var n2=document.getElementById('num2').value
n1=parseFloat(n1)
n2=parseFloat(n2)
var a=document.getElementById('act').value
var r=0
if(a==1) r=n1+n2
if(a==2) r=n1-n2
if(a==3) r=n1*n2
if(a==4){
if(n2==0){
alert("на 0 делить нельзя")
document.getElementById("num2").value=""
document.getElementById("num2").focus()
}
else r=n1/n2
}
if(a==5) r=n1/100*n2
if(a==6) r=Math.pow(n1,n2)
if(a==7) r=Math.pow(n1,0.5)
document.getElementById("result").value=r
}
function addToInput1(value) {
document.querySelector('#num1').value += value;
}
function addToInput2(value) {
document.querySelector('#num2').value += value;
}
function clean() {
document.querySelector('#num1').value = '';
document.querySelector('#num2').value = '';
document.querySelector('#result').value = '';
}
</script>
<form id="form1" name="form1" method="post" action="">
<table width="400" border="1" align="center" cellpadding="5" cellspacing="0">
<tr>
<td>Число 1</td>
<td><input type="text" width="300" width="150" height="150" name="num1" id="num1" /><br /><br />
<input onclick="addToInput1(this.value)" type="button" class="button" name="rakam11" value="1" />
<input onclick="addToInput1(this.value)" type="button" class="button" name="rakam22" value="2" />
<input onclick="addToInput1(this.value)" type="button" class="button" name="rakam33" value="3" />
<input onclick="addToInput1(this.value)" type="button" class="button" name="rakam44" value="4" />
<input onclick="addToInput1(this.value)" type="button" class="button" name="rakam55" value="5" />
<input onclick="addToInput1(this.value)" type="button" class="button" name="rakam66" value="6" />
<input onclick="addToInput1(this.value)" type="button" class="button" name="rakam77" value="7" />
<input onclick="addToInput1(this.value)" type="button" class="button" name="rakam88" value="8" />
<input onclick="addToInput1(this.value)" type="button" class="button" name="rakam99" value="9" /></td>
</tr>
<tr>
<td>Число 2</td>
<td><input type="text" width="150" height="150" name="num2" id="num2" /><br /><br />
<input onclick="addToInput2(this.value)" type="button" class="button" name="rakam1" value="1" />
<input onclick="addToInput2(this.value)" type="button" class="button" name="rakam2" value="2" />
<input onclick="addToInput2(this.value)" type="button" class="button" name="rakam3" value="3" />
<input onclick="addToInput2(this.value)" type="button" class="button" name="rakam4" value="4" />
<input onclick="addToInput2(this.value)" type="button" class="button" name="rakam5" value="5" />
<input onclick="addToInput2(this.value)" type="button" class="button" name="rakam6" value="6" />
<input onclick="addToInput2(this.value)" type="button" class="button" name="rakam7" value="7" />
<input onclick="addToInput2(this.value)" type="button" class="button" name="rakam8" value="8" />
<input onclick="addToInput2(this.value)" type="button" class="button" name="rakam9" value="9" />
</td>
</tr>
<tr>
<td>Действие</td>
<td><select name="act" id="act">
<option value="1">+</option>
<option value="2">-</option>
<option value="3">*</option>
<option value="4">/</option>
<option value="5">%</option>
<option value="6">степени</option>
<option value="7">Корень</option>
</select></td>
</tr>
<tr>
<td>Равно</td>
<td><input type="text" name="result" id="result" /></td>
</tr>
<tr>
<td colspan="2"><input type="button" name="button" class="button" id="button" onclick="kalk()" value="Считать" />
<input type="button" name="button1" class="button" onclick="clean()" value="CLEAN" /></td>
</tr>
</table>
</form>
<p> </p>
</body>
</html>
Заранее спс
