Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

bruno_hsf

Formatação de tabela

Recommended Posts

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)
}
// End -->
</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>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bruno, só olhando esse código, percebo duas falhas.

1ª - Seu javascript está bem no meio do seu html, tenta separar, coloca o javascript sempre no final do seu arquivo, antes da tag body

2ª - Sua tabela está sem formatação adequada, algumas tags não estão fechadas, e isso impacta no visual dela
3ª - Use classes para estilizar ao invés de escrever o css inline.

Da uma refatorada nesse código e veja o que acontece.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por ILR master
      Boa tarde pessoal, tudo bem ?
       
      Eu uso o tinymce para cadastro de textos no meu siite, porém, quero fazer um sistema para que os colunistas possam fazer o próprio post.
      O problema do tinymce, é que ele mantém a formatação do texto copiado, como tamanho de fonts, negritos, etc... Quero que o usuário cole o texto e a própria textarea limpe a formatação para que ele formate como quiser.
       
      A pergunta é:
       
      O tinymce tem uma opção para desabilitar a formatação quando um texto é colocado?
      Tem alguma função via java ou php para retirar a formatação assim que o texto é colado?
      Ou é melhor usar um outro editor?
       
      Agradeço deste já.
    • Por laloproces
      Boa noite. Estou estudo POO com PHP e fiz uma classe Pen.php. Inclui um echo com parágrafo nesse código que gostaria de alterar a cor da fonte de acordo com o atributo color da caneta. Pesquisei no Google e sugeriram fazer um arquivo php com as formatações, mas não obtive sucesso. Estou utilizando Apache como server local, última versão disponível do XAMPP. Mesma coisa para a versão do PHP. Segue o código dos arquivos:
       
      index.php
      <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" media="screen" href="style.php" /> <title>POO Lesson 02</title> </head> <body> <div> <label id="model"></label> </div> <?php require_once 'Pen.php'; $c1 = new Pen(); $c1->model = "bic"; $c1->color = "blue"; $c1->charge = 80; $c1->tip = 0.5; $c1->capped = false; $c2 = new Pen(); $c2->model = "faber-castell"; $c2->color = "red"; $c2->charge = 50; $c2->tip = 0.75; $c2->capped = true; print_r($c1); echo "<br>"; print_r($c2); $c1->scribble(); $c2->scribble(); ?> </body> </html> Pen.php
      <?php class Pen { var $model; var $color; var $tip; var $charge; var $capped; function scribble(){ if($this->capped == true){ echo "<p>ERROR! The pen ".$this->model." ".$this->color." is capped!</p>"; } else{ if($this->color=="blue"){ echo "<p style='color: blue;'>I'm scribbling with the pen ".$this->model." ".$this->color." ...</p>"; } else{ echo "<p id='c2'>I'm scribbling with the pen ".$this->model." ".$this->color." ...</p>"; } } } function cap(){ if($this->capped == true){ echo "<p>ERROR! The pen ".$this->model." ".$this->color." is already capped!</p>"; } else{ $this->capped = true; echo "<p>The pen ".$this->model." ".$this->color." is capped!</p>"; } } function uncap(){ if($this->capped == false){ echo "<p>ERROR! The pen ".$this->model." ".$this->color." is already uncapped!</p>"; } else{ $this->capped = false; echo "<p>The pen ".$this->model." ".$this->color." is uncapped!</p>"; } } } style.php
      <?php header("Content-type: text/css; charset: UTF-8"); require_once 'Pen.php'; $c0 = new Pen(); $color = $c0->color; ?> c2 { color: <?php echo $color; ?>; } <?php header("Content-type: text/css; charset: UTF-8"); require_once 'Pen.php'; $c0 = new Pen(); $color = $c0->color; ?> c2 { color: <?php echo $color; ?>; }  
    • Por hpeixoto
      meu Premier ao abrir a janela de ferramentas  para formatação da legenda não aparece completa, fica  faltando o icone para troca dos tipos de fontes, do tamanho tamanho, espaçamento.
       
    • Por LeonardoDesigner
      Boa tarde galera, estou com um problema muito grande.

      Segue a situação:
      Estou fazendo um carrinho de compras, e suponhamos que eu tenha as seguintes variáveis:
       
      $valortotaldacompra = R$ 890,00
      $valortotaldacomprap = 890.00
       
      Para chegar nessa $valortotaldacomprap eu apenas retirei os 2 caracteres iniciar e troquei "," por "." !!
       
      Até ai tudo bem...
      Ai tenho assim: 
       
      $valorproduto = R$ 1.260,00
      $valorprodutop = 1.260.00
       
      Para chegar nesse $valorprodutop utilizei o mesmo que na variável acima!
       
      A hora que eu somo esses dois valores para chegar ao valor final da compra 
      $valorfinal = $valortotaldacompra+$valorprodutop;
       
      $valorfinal = 891.26
       
      Quando na verdade deveria ser 2150.00 !!! 
      Acredito que seja pelo $valorprodutop estar neste formato: 1.260.00 e não assim: 1260.00
       
      Porém como eu consigo formatar o número R$ 1.260,00 que vem do formulário para: 1260.00 ??
       
       
    • Por AnaSalazar
      Boa tarde. Alguém me pode ajudar??? Criei css e html mas quando abre noutro computador, as coisas desformatam, sabem porque isso acontece? Alguém me ajude!!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.