Ir para conteúdo

POWERED BY:

Arquivado

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

Brown.

Separar tabelas no html

Por , em Desenvolvimento frontend

Recommended Posts

Brown.    1

Brown.
Postado

Tenho uma tabela, mas quero separar. Usei o <br> mas nao funcionou.

Ou criar duas tabelas, mas tambem nao deu certo

 

Para ser mais exato eu quero inserir a palavra " Grupo A" na esquerda, depois de " CAMPEONATO CARIOCA 2011 - TAÇA RIO" e " Grupo B" na esquerda, depois de " Nova Iguaçu". Esses nomes nao fariam parte da tabela, seria um titulo.

 

Segue meu codigo

 


<html>


<title> </title>
<head>





<body>

<h2 align = 'center'>  <p>
<table border = 4 >

<tr>

<th colspan = '50' bgcolor = "BLUE" > CAMPEONATO CARIOCA 2011 - TAÇA RIO



</th>

</head>

Grupo B


<tr>
<td align = 'center'bgcolor = " blue"><u> </u> </td><p>

</tr>



<td align = 'center'bgcolor = " blue" font color = write'><u>  </u></td><p></font>
<td align = 'center'bgcolor = " blue"><u> Equipe </u></td><p>
<td align = 'center'bgcolor = " blue"><u> PG </u></td><p>
<td align = 'center'bgcolor = " blue"><u> J </u></td><p>
<td align = 'center'bgcolor = " blue"><u> V </u> </td><p>
<td align = 'center'bgcolor = " blue"><u> E </u> </td><p>
<td align = 'center'bgcolor = " blue"><u> D </u> </td><p>
<td align = 'center'bgcolor = " blue"><u> GP </u> </td><p>
<td align = 'center'bgcolor = " blue"><u> GC </u> </td><p>
<td align = 'center'bgcolor = " blue"><u> SG </u> </td><p>
<td align = 'center'bgcolor = " blue"> %  </td> <br>










<tr>
<td bgcolor = " YELLOW ">  1 </bgcolor>


<td align = 'center' color = 'blue'> Flamengo</td><p></font>


<td align = 'center'> 6</td><p>
<td align = 'center'> 2</td><p>
<td align = 'center'> 2</td><p>
<td align = 'center'> 0</td><p>
<td align = 'center'> 0</td><p>
<td align = 'center'> 5</td><p>
<td align = 'center'> 3</td><p>
<td align = 'center'> 2</td><p>
<td align = 'center'> 100%</td><p>
</tr>


<tr>
<td bgcolor = " yellow "> <u> 2 </td><p>
<td align = 'center'bgcolor = ''> Americano</td><p>
<td align = 'center'bgcolor = ''> 4</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 4</td><p>
<td align = 'center'bgcolor = ''> 3</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'> 67%</td><p>

</tr>



</tr>
<tr>
<td bgcolor = " yellow "> <u> 3 </td><p>
<td align = 'center'bgcolor = ''> Vasco</td><p>
<td align = 'center'bgcolor = ''> 3</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 5</td><p>
<td align = 'center'bgcolor = ''> 5</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'> 50%</td><p>
</tr>


</tr>
<tr>
<td bgcolor = " yellow "> <u> 4 </td><p>
<td align = 'center'bgcolor = ''> Volta Redonda</td><p>
<td align = 'center'bgcolor = ''> 3</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 5</td><p>
<td align = 'center'bgcolor = ''> 5</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'> 50%</td><p>
</tr>




</tr>
<tr>
<td bgcolor = " yellow "> <u> 5 </td><p>
<td align = 'center'bgcolor = ''> América-RJ</td><p>
<td align = 'center'bgcolor = ''> 3</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 3</td><p>
<td align = 'center'bgcolor = ''> 3</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'> 50%</td><p>
</tr>





</tr>
<tr>
<td bgcolor = " yellow "> <u> 6 </td><p>
<td align = 'center'bgcolor = ''> Boa Vista</td><p>
<td align = 'center'bgcolor = ''> 3</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 3</td><p>
<td align = 'center'bgcolor = ''> 3</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'> 50%</td><p>
</tr>



<tr>
<td bgcolor = " yellow "> <u> 7 </td><p>
<td align = 'center'bgcolor = ''> Resende</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 4</td><p>
<td align = 'center'bgcolor = ''> -2</td><p>
<td align = 'center'> 0%</td><p>
</tr>

<tr>
<td bgcolor = " yellow "> <u> 8 </td><p>
<td align = 'center'bgcolor = ''> Nova Iguaçu</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 4</td><p>
<td align = 'center'bgcolor = ''> -2</td><p>
<td align = 'center'> 0%</td><p>
</tr>




<td align = 'center'bgcolor = " blue"><u>  </u></td><p>
<td align = 'center'bgcolor = " blue"><u> Equipe </u></td><p>
<td align = 'center'bgcolor = " blue"><u> PG </u></td><p>
<td align = 'center'bgcolor = " blue"><u> J </u></td><p>
<td align = 'center'bgcolor = " blue"><u> V </u> </td><p>
<td align = 'center'bgcolor = " blue"><u> E </u> </td><p>
<td align = 'center'bgcolor = " blue"><u> D </u> </td><p>
<td align = 'center'bgcolor = " blue"><u> GP </u> </td><p>
<td align = 'center'bgcolor = " blue"><u> GC </u> </td><p>
<td align = 'center'bgcolor = " blue"><u> SG </u> </td><p>
<td align = 'center'bgcolor = " blue"><u> % </u> </td><p>


<tr>

<td bgcolor = " YELLOW "> <u> 1  </u></td><p></bgcolor>
<td align = 'center'> Botafogo</td><p>
<td align = 'center'> 6</td><p>
<td align = 'center'> 2</td><p>
<td align = 'center'> 2</td><p>
<td align = 'center'> 0</td><p>
<td align = 'center'> 0</td><p>
<td align = 'center'> 5</td><p>
<td align = 'center'> 2</td><p>
<td align = 'center'> 3</td><p>
<td align = 'center'> 100%</td><p>



<tr>
<td bgcolor = " yellow "> <u> 2 </td><p> </td>

<td align = 'center'bgcolor = ''> Fluminense</td><p>
<td align = 'center'bgcolor = ''> 6</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 5</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 3</td>
<td align = 'center'> 100%</td><p>

</tr>




<tr>
<td bgcolor = " yellow "> <u> 3 </td><p>
<td align = 'center'bgcolor = ''> Macaé</td>
<td align = 'center'bgcolor = ''> 3</td>
<td align = 'center'bgcolor = ''> 2</td>
<td align = 'center'bgcolor = ''> 1</td>
<td align = 'center'bgcolor = ''> 0</td>
<td align = 'center'bgcolor = ''> 1</td>
<td align = 'center'bgcolor = ''> 4</td>
<td align = 'center'bgcolor = ''> 3</td>
<td align = 'center'bgcolor = ''> 1</td>
<td align = 'center'> 50%</td><p>
</tr>



<tr>
<td bgcolor = " yellow "> <u> 4 </td><p>
<td align = 'center'bgcolor = ''> Olaria</td>
<td align = 'center'bgcolor = ''> 3</td>
<td align = 'center'bgcolor = ''> 2</td>
<td align = 'center'bgcolor = ''> 1</td>
<td align = 'center'bgcolor = ''> 0</td>
<td align = 'center'bgcolor = ''> 1</td>
<td align = 'center'bgcolor = ''> 4</td>
<td align = 'center'bgcolor = ''> 3</td>
<td align = 'center'bgcolor = ''> 1</td>
<td align = 'center'> 50%</td><p>
</tr>





<tr>
<td bgcolor = " yellow "> <u> 5 </td><p>
<td align = 'center'bgcolor = ''> Madureira</td><p>
<td align = 'center'bgcolor = ''> 3</td>
<td align = 'center'bgcolor = ''> 2</td>
<td align = 'center'bgcolor = ''> 1</td>
<td align = 'center'bgcolor = ''> 0</td>
<td align = 'center'bgcolor = ''> 1</td>
<td align = 'center'bgcolor = ''> 4</td>
<td align = 'center'bgcolor = ''> 4</td>
<td align = 'center'bgcolor = ''> 0</td>
<td align = 'center'> 50%</td>
</tr>





<tr>
<td bgcolor = " yellow "> <u> 6 </td><p>
<td align = 'center'bgcolor = ''> Cabofriense</td><p>
<td align = 'center'bgcolor = ''> 3</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 3</td><p>
<td align = 'center'bgcolor = ''> -1</td><p>
<td align = 'center'> 50%</td><p>
</tr>



<tr>
<td bgcolor = " yellow "> <u> 7 </td><p>
<td align = 'center'bgcolor = ''> Duque de Caxias</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 1</td><p>
<td align = 'center'bgcolor = ''> 4</td><p>
<td align = 'center'bgcolor = ''> 6</td><p>
<td align = 'center'bgcolor = ''> -2</td><p>
<td align = 'center'> 17%</td><p>
</tr>

<tr>
<td bgcolor = " yellow "> <u> 8 </td><p>
<td align = 'center'bgcolor = ''> Bangu</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 5</td><p>
<td align = 'center'bgcolor = ''> -3</td><p>
<td align = 'center'> 0%</td><p>
</tr>




</table>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

Não entendi quase nada. Mas pra flutuação de objetos (à direita ou esquerda), se utiliza o float do CSS.

 

Teu código, além de bagunçado, tá com muitos erros de marcação. Recomendo que tu valide o teu código aqui:

:seta: http://validator.w3.org/

 

Se não validar, os erros vão continuar aparecendo e tu não vai conseguir fazer nada. Tem tags aí que nem foram fechadas.

 

Só um exemplo....

 

Errado:

<td align = 'center'bgcolor = ''> 0</td>

bgcolor = '' pra quê? Se não vai ter cor de fundo, apaga a propriedade.

 

Correto:

<td align="center">0</td>

 

Nenhuma dessas tags <p> foram fechadas:

<tr>
<td bgcolor = " yellow "> <u> 8 </td><p>
<td align = 'center'bgcolor = ''> Bangu</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 0</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 2</td><p>
<td align = 'center'bgcolor = ''> 5</td><p>
<td align = 'center'bgcolor = ''> -3</td><p>
<td align = 'center'> 0%</td><p>
</tr>

A tag <p> é para parágrafos, não linhas.

<p>Parágrafo de texto</p>

bgcolor = '' de novo...

 

Sem contar que os erros de marcação continuam :(

 

Correto:

<tr>
<td bgcolor="yellow"><u>8</u></td>
<td align="center">Bangu</td>
<td align="center">0</td>
<td align="center">2</td>
<td align="center">0</td>
<td align="center">0</td>
<td align="center">2</td>
<td align="center">2</td>
<td align="center">5</td>
<td align="center">-3</td>
<td align="center">0%</td>
</tr>

 

E outra dica: formatação de tabelas é bem melhor determinar no CSS.

 

Posta uma imagem de como tu quer fazer :thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito