[Dúvida] Tags de Tabela

[Allefcapt]

Olá a todos,

KEN,
Fique à vontade.
Envie para o RONASSIC,

Um abração,

[Lady Draconnasti]

Ah... acho que essa tecla já foi batida algumas vezes, mas... Allef, não tem como liberar algumas ferramentas da administração para algumas pessoas, tipo o Ken ou o VA, para que eles possam fazer alterações necessárias no fórum SEM precisarmos esperar que você repasse para o Ronassic?

[Allefcapt]

Olá a todos,

LADY,
Cabe ao Ronassic nos responder.
Se ele achar que isto n]ão compromete a segurança, sem problemas.

Abraços,

[oculto]

Não sei se é bem uma falha a ser corrigida, uma particularidade do BBcode ou incapacidade mental, mas não consegui criar uma tabela com múltiplas colunas. No exemplo 01 abaixo tentei criar uma tabela com duas colunas na primeira linha e uma coluna na segunda. A idéia é que a coluna da segunda linha cobrisse todo o campo disponível, mas ela parou na metade do caminho. Tentei inverter as linhas, mas o resultado foi o mesmo.

Exemplo 01:

teste 01	teste 02
teste 03

Exemplo 02:

teste 01
teste 02	teste 03

Alguém já tentou?

[_Virtual_Adept_]

Teoricamente, deveria ser algo parecido com isso:
[table=350]
[tr][tdc=ffffff][table=125][tr][tdc=ffffff]teste1[/tdc]
[tdc=ffffff]teste2[/tdc][/tr][/table][/tdc][/tr]
[tr][tdc=ffffff]teste3[/tdc][/tr]
[/table]

Uma tabela dentro da outra. O problema é que o código não funciona. Não sei se eu errei em algo ou se o BBCode não consegue fazer isso.
(Eu desativei o BBCode nesse post para mostrar o código)

[Ronassic]

Uma pena mesmo, mas os bbcodes não funcionam assim.

Mas alguém vai ouvir minhas preces e criar um tdr= onde o valor altera o rowspan? Se quiser eu posso gerar o bbcode aqui, testar e enviar pra alguém só fazer o upload.

É isso que você queria Ken?

Classes	Magos	1
	Guerreiros	2
Raças	Humanos	2
	Elfos	1

Exemplo de Código:

Código: Selecionar todos

[table=400][tr][thr=2xffffff]Classes[/thr][tdc=gray]Magos[/tdc]
[tdc=gray]1[/tdc][/tr]
[tr][tdc=gray]Guerreiros[/tdc]
[tdc=gray]2[/tdc][/tr]
[tr][tdr=2]Raças[/tdr]
[tdc=gray]Humanos[/tdc]
[td]2[/td][/tr]
[tr][tdc=gray]Elfos[/tdc]
[td]1[/td][/tr][/table]


Adept, eu entendi o que quiz dizer, mas isso não usa rowspan (linhas) e sim colspan (colunas), é estranho, mas é assim mesmo, já criei outra tag pra permitir a união de colunas: [ thk 2xffffff ] [ / thk ]

Classes
Magos	1
Guerreiro	2
Raças
Humanos	2
Elfos	1

Código: Selecionar todos

[table=400][tr][thk=2xcccccc]Classes[/thk][/tr]
[tr][td]Magos[/td][td]1[/td][/tr]
[tr][td]Guerreiro[/td][td]2[/td][/tr]
[tr][thk=2xcccccc]Raças[/thk][/tr]
[tr][td]Humanos[/td][td]2[/td][/tr]
[tr][td]Elfos[/td][td]1[/td][/tr][/table]

Só não resolvi ainda esse espaçamento que está aparecendo acima da tabela... :(

Para os que não sabem, essas são algumas características de uma tabela, nas quais muitas ainda não dispomos:

Código: Selecionar todos

O TAG <TABLE> é o elemento principal na definição de uma tabela, e também na definição de outros atributos específicos, que servem para dar maior controle sobre como deve ser apresntada uma table numa página HTML. Os demais elementos de tabela são ignorados se não estiverem entre os tags <TABLE> e </TABLE>.

O tag <TABLE> possui os seguintes atributos:

BORDER="valor"
Este atributo pode ser utilizado tanto para setar quanto para controlar as bordas de uma tabela. Se tal atributo estiver presente, então uma borda será desenhada em torno das células de toda a tabela.

A exata espessura do borda, e de como ela é apresentada num dado browser, só depende desse próprio browser. O Netscape Navigator e o Internet Explorer apresentam as bordas de uma tabela de forma levemente difenciada.

Se, entretanto, o atributo BORDER não estiver presente, então os browsers não mostrarão as bordas da tabela, muito embora a forma da tabela será preservada e apresentada, como se as bordas lá estivessem, inclusive com os espaços necessários à espessura das bordas. O atributo BORDER quando seguido de um valor numérico indica a exata espessura da borda. Além disso, se o valor assumir o número zero, novamente os browsers não mostrarão as bordas.

CELLSPACING="valor"
O atributo CELLSPACING define a quantidade de espaço inserido entre células individuais da tabela. Seu valor padrão é de 2.

CELLPADDING="valor"
O atributo CELLPADDING define a quantidade de espaço em branco entre as bordas da tabela e o conteúdo de cada célula (texto ou imagem). O valor padrão é igual a 1.

Ex.: <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>

dá uma representação da tabela com o formato o mais compacto possível.

WIDTH="valor ou porcentual"
Se utilizado, tal atributo pode especificar ou o tamanho exato da largura da tabela, medida em pixels, ou a largura da tabela como uma porcentagem da largura atual da janela do browser.

HEIGHT="valor ou porcentagem"
Se utilizado, tal atributo pode especificar ou o tamanho exato da altura da tabela, medida em pixels, ou a altura da tabela como uma porcentagem da altura atual da janela do browser.

ALIGN="left|right"
O atributo ALIGN, suportado tanto pelo Netscape, quanto pelo Explorer, permite que a tabela seja alinhada à esquerda|direita, respectivamente, da página, o que permite que porções de texto possam envolver a tabela (tal como no tag <IMG>). Também como no caso das imagens flutuantes, é necessário ter conhecimento do tag <BR CLEAR=...> para garantir a organização do texto que é mostrado, minimizando uma formatação pobre.

VALIGN="top|bottom"
Tanto o Netscape, quanto o Explorer, suportam este atributo. Tal atributo especifica o alinhamento vertical do texto, e das imagens, que é mostrado dentro das células. O padrão, que é usado em caso de não definição do atributo VALIGN, é o alinhamento centralizado.

BGCOLOR="#rrggbb|nome_da_cor"
Tal como nos casos acima, o atributo BGCOLOR é suportado pelos dois browsers, e funciona como no tag <BODY>. Esse atributo permite que se especifique a cor de fundo da tabela. Para tal pode-se dar uma tripla em hexadecimal (ex.: FF0000 para o vermelho) ou dar o nome da cor desejada.

BORDERCOLOR="#rrggbb|nome_da_cor"
O Internet Explorer suporta um atributo extra que permite setar a cor em que a borda deverá ser mostrada pelos browsers. Segue a mesma convenção para os casos acima. Para que o atributo BORDERCOLOR funcione é necessária a presença do atributo BORDER no tag <TABLE>.

BACKGROUND="URL_da_imagem"
Outra vêz só Internet Explorer permite o uso deste atributo, que permite a colocação de uma imagem como fundo da tabela. Também permite que, em conjunção com os tags <TD> e <TH>, sejam inseridas figuras como fundo de algumas células da tabela.

Se o atributo BACKGROUND for usado no tag <TABLE> então a imagem será reproduzida lado a lado (como em papel de parede) por trás de todas as células da tabela. Como imagem pode ser utilizado qualquer um dos formatos suportados pela linguagem HTML.


Código: Selecionar todos

<td> - Table Data - Dados da Tabela

O tag <TD> significa dados da tabela, e especifica uma célula da tabela. Células TD devem aparecer apenas dentro de linhas da Tabela (<TR>). Cada linha de uma tabela não necessita possuir o mesmo número de células. Uma linha especificada com menos células que outras será apresentada com elementos (células) em branco à sua direita. Uma célula pode conter qualquer elemento normalmente presente no corpo de uma página HTML.

A seqüência <TD> ..... </TD> pode conter os seguintes atributos:

ALIGN="left|center|right"
Este atributo controla o alinhamento do texto (ou da imagem), fazendo-o à esquerda, centralizado, ou à direita, respectivamente.

VALIGN="top|middle|bottom|baseline"
O atributo VALIGN controla o alinhamento vertical do texto (ou imagem) dentro da célula, fazendo-o alinhado ào topo, centralizado, ou alinhado à parte inferior da célula. Se o valor baseline for colocado, o atributo fará com que todas as células, numa mesma linha, sejam alinhadas com sua linha base.

WIDTH="valor ou porcentagem"
Se usado, este atributo permite especificar a largura exata da célula, seja em pixels, seja em uma porcentagem da largura da tabela sendo mostrada. Uma única célula pode setar a largura de toda a coluna, assim é recomendado que se especifique todas as células numa mesma coluna como tendo a mesma largura, se desejado ter-se toda a coluna setada igualmente.

HEIGHT="valor ou porcentagem"
Se usado, este atributo permite especificar a altura exata da célula, seja em pixels, seja em uma porcentagem da altura da tabela sendo mostrada. Uma única célula deve setar a altura de toda a linha de células da tabela.

Nota : o Netscape suporta o uso de valor em pixels ou em porcentagem para o atributo WIDTH; entretanto só suporta o atributo HEIGHT="%valor" para o tag <TABLE>. enquanto isso, o Internet Explorer suporta ambos (porcentagem e valor em pixels) para ambos os atributos (HEIGHT e WIDTH).

NOWRAP
Se este atributo aparece em qualquer célula da tabela (<TH> ou <TD>) isto significa que as linhas de texto, dentro dessa célula, não poderão ser quebradas para caberem dentro da largura definida para ela. Muita cautela ao usar tal atributo, pois células de elevadas larguras poderão resultar dessa atribuição.

COLSPAN="valor"
Este atributo pode aparecer em qualquer célula da tabela (<TH> ou <TD>) e especifica que uma célula deve se expandir por mais de uma coluna de largura. O padrão para o atributo COLSPAN é igual a 1.

ROWSPAN="valor"
Este atributo pode aparecer em qualquer célula da tabela (<TH> ou <TD>) e especifica que uma célula deve se expandir por mais de uma linha de altura. O padrão para o atributo ROWSPAN é igual a 1. Uma expansão que for maior que o número de linhas definidas por um tag <TR> será truncada.

BGCOLOR="#rrggbb|nome_da_cor"
Tal como nos casos acima, o atributo BGCOLOR é suportado pelos dois browsers, e funciona como no tag <BODY>. Esse atributo permite que se especifique a cor de fundo da célula. Para tal pode-se dar uma tripla em hexadecimal (ex.: FF0000 para o vermelho) ou dar o nome da cor desejada.

BORDERCOLOR="#rrggbb|nome_da_cor"
O Internet Explorer suporta um atributo extra que permite setar a cor em que a borda deverá ser mostrada pelos browsers. Segue a mesma convenção para os casos acima. Para que o atributo BORDERCOLOR funcione é necessária a presença do atributo BORDER no tag <TABLE>.

BACKGROUND="URL_da_imagem"
Outra vêz só Internet Explorer permite o uso deste atributo, que permite a colocação de uma imagem como fundo da célula (elemento <TD>).

Código: Selecionar todos

<tr> - Table Row - Linha da Tabela

A tag <TR> significa linha de uma tabela. O número de linhas numa tabela é exata e unicamente especificada por quantos tags <TR> são contidos dentro da mesma. Não importa quanto o valor do atributo ROWSPAN seja especificado.

A tag <TR> pode possuir os seguintes atributos:

ALIGN="left|center|right"
Controle se o texto dentro das células é alinhado à esquerda, centralizado, ou alinhado à direita.

VALIGN="top|middle|bottom|baseline"
O atributo VALIGN controla o alinhamento vertical do texto (ou imagem) dentro da célula, fazendo-o alinhado ào topo, centralizado, ou alinhado à parte inferior da célula. Se o valor baseline for colocado, o atributo fará com que todas as células, numa mesma linha, sejam alinhadas com sua linha base.

BGCOLOR="#rrggbb|nome_da_cor"
Tal como nos casos acima, o atributo BGCOLOR é suportado pelos dois browsers, e funciona como no tag <BODY>. Esse atributo permite que se especifique a cor de fundo da célula. Para tal pode-se dar uma tripla em hexadecimal (ex.: FF0000 para o vermelho) ou dar o nome da cor desejada.

BORDERCOLOR="#rrggbb|nome_da_cor"
O Internet Explorer suporta um atributo extra que permite setar a cor em que a borda deverá ser mostrada pelos browsers. Segue a mesma convenção para os casos acima. Para que o atributo BORDERCOLOR funcione é necessária a presença do atributo BORDER no tag <TABLE>.

Espero que curtam, se houver qualquer problema, é só avisarem!

[Blackbird]

Caros, as tags de tabela que faziam o índice no tópico de Material de Apoio pararam de funcionar.
Comofas???//

Até dou uma enxugada neste tópico aqui pra dominar as tags de tabela, mas a questão é que antes elas funcionavam e, agora, não mais.

[Ronassic]

A maioria terá que ser instalada novamente,farei isso semana que vem ok?

[Blackbird]

Aguardo. =)

[Blackbird]

Ronassic, essa coisa de instalar as tags de tabela tem que ser você mesmo?, ou se eu, por exemplo, quiser arrumar as tags desse tópico aqui, posso fazer sozinho?

[Ronassic]

Oi, desculpa, prometi fazê-lo o quanto antes, mas chegou a época de provas, mas agora já passou, e vou acertar todos esses problemas de tags, no momento já estou mexendo na tag dice para acertá-la, e em seguida acertarei a de tabelas, ok?