Formatação de tabela
Olá pessoal,
Sou iniciante em html e criei uma tabela para calcular imc.
Coloquei uma tabela dentro da outra como mostra o código abaixo. O problema é que quando abro a página fica um espaço muito grande entre a linha da primeira tabela com a primeira linha da segunda tabela. Como resolver isso, por favor? Obrigado
<table width="300" cellspacing="4" cellpadding="8" border="1" bgcolor="#48D1CC">
<tr><td><font color="#FFFFFF" face="arial, verdana, helvetica"><b>Calculadora de IMC</b></font></td></tr>
<tr><td bgcolor="#ffffcc"><font face="arial, verdana, helvetica"><table border="1">
<head>
<script type="text/javascript">
function calcularIMC() {
var peso = eval(document.form.peso.value)
var alt = eval(document.form.alt.value)
var alt2 = alt / 100
var IMC = peso / (alt2 * alt2)
document.form.massacor.value=custRound(IMC,1);
if (document.form.massacor.value <18.5)
document.form.comment.value = "Peso Baixo";
if (document.form.massacor.value >=18.5 && document.form.massacor.value <=24.9)
document.form.comment.value = "Peso Ideal";
if (document.form.massacor.value >=25 && document.form.massacor.value <=29.9)
document.form.comment.value = "Acima do Peso";
if (document.form.massacor.value >=30 && document.form.massacor.value <=34.9)
document.form.comment.value = "Obesidade Tipo I";
if (document.form.massacor.value >=35 && document.form.massacor.value <=39.9)
document.form.comment.value = "Obesidade Tipo II";
if (document.form.massacor.value >=40 && document.form.massacor.value <=49.9)
document.form.comment.value = "Obesidade Mуrbida";
if (document.form.massacor.value >40)
document.form.comment.value = "Obesidade Extrema";
}
function custRound(x,places) {
return (Math.round(x*Math.pow(10,places)))/Math.pow(10,places)
}</script>
</head>
<body>
<div align="center">
<form name="form" id="form">
<tr><td>Peso (em Kg)</td> <td> <input type="Text" name="peso" size="15"></tr></td>
<br>
<tr><td>Altura (em Cm)</td> <td> <input type="Text" name="alt" size="15"></tr></td>
<br>
<br>
<tr><td> <input type="button" style="Padding: 8pt" value="Calcular IMC" onClick="calcularIMC()" name="button"></td>
<td><input type="reset" style="Padding: 8pt" value="Limpar Valores"></td></tr>
<br>
<br>
<tr><td>IMC</td> <td> <input type="Text" name="massacor" id="massacor" size="10"></td></tr>
<br>
<tr><td>Avaliacao do IMC</td> <td><input type="Text" name="comment" id="comment" size="25"></td></tr>
<br>
<br>
<center>
<span style="font-size: x-small;"><a href="" target=Ф_blankФ></a></span></center>
</form>
</div>
</body>
</font>
</table>
</td>
</tr>
</table>Discussão (1)
Carregando comentários...