[Dúvidas] HTML (Tabela)

[Netxplica]

Olá

Gostaria de arranjar um código HTML para tabelas como as da coluna da direita deste Fórum, mas em que o texto fosse "circulando" (não sei como explicar melhor.

PS: foi o jsilas que me apresentou este Fórum.

[HolyMurderer]

Boas!

Texto a circular chama-se Marquee e, sinceramente, é uma cena horrível... Além disso, é descontinuado em HTML... não utilizes isso! Se queres animações, utiliza GIF's ou Flash, conforme o objectivo.

Não percebi muito bem o que pretendes das tabelas, mas tabelas geralmente é mesmo só adicionar várias colunas na mesma row (linha).
Ou seja, tens uma linha (horizontal), em que tens várias colunas. Vou-te dar um exemplo:

Código: [Seleccione]

<table> //serve para iniciar a tabela
<tr> //começar uma linha na tabela
<th>Cabeçalho 1</th><th>Cabeçalho 2</th> //2 colunas dentro da linha, em que ambas são cabeçalhos.
</tr>
<tr>
<td>Texto 1</td><td>Texto 2</td> //2 colunas dentro da linha, com texto normal
</tr>
</table> // Terminar a tabela

Experimenta brincar um pouco com isto Se te atrapalhar, o Dreamweaver faz as tabelas à mão, apesar de as fazer assim é acessível e controlas bem o que fazes

Espero ter ajudado de alguma forma.

PS: Bem-vindo ao fórum

[Netxplica]

Olá, HolyMurderer

Obrigado pelas dicas.

Eu não pesco praticamente nada de HTML, programação, etc ...

No "meu" fórum: http://forum.netxplica.com  , as tabelas foram copiadas, alteradas ou são originais.

O que eu queria era o código de uma tabela já feita, com as características que descrevo acima, para inserir no phpBB (lembrei-me deste fórum por ser de programação e ter uma estrutura idêntica).

PS: o que é "descontinuado em HTML" ?  :oops:

[gimbras]

O MARQUEE é uma TAG de HTML descontinuada. Isso quer dizer que já deixou de ser utilizada na nova versão do HTML.

Eis o código para teres o conteúdo da tabela a rodar de baixo para cima:

Código: [Seleccione]

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<marquee behavior="scroll" direction="up">oi</marquee>
</td>
</tr>
</table>

É só colocares o que queres a rodar no sítio onde diz 'oi'.

PS: HolyMurderer andas todo trocado. Essa maneira de comentar código é do PHP e não do HTML :lol:

[Netxplica]

Olá

Mais uma vez, obrigado, já estive a fazer umas experiências ...  

gimbras, 2 coisas:

- é possível diminuir a velocidade com q o texto passa ?

- fica pouco estético aparecer espaço em branco à medida q o texto sobe ou desce - a minha idéia era a de que o funcionamento fosse semelhante a um cilindro sempre a rodar com uma parte a aparecer numa janela, ou seja, sempre texto.  :oops:

[HolyMurderer]

PS: HolyMurderer andas todo trocado. Essa maneira de comentar código é do PHP e não do HTML :lol:

LOL tens razão... epa só faço PHP nos ultimos tempos, então comento em PHP :lol:

Netxplica, continuo a insistir em fazeres isso num GIF. Dá para fazer em Fireworks, Photoshop, Ulead gif Animator, entre muitos outros. É fácil e controlas melhor tudo o que queres.
Pelo que sei, Marquee só é suportada pelo IE(e pouco mais) e provavelmente a versão 7 não vai suportar. Não te aconselho Marquees mesmo... Na programação quando algo é descontinuado, o melhor a fazer é actualizar a programação ou optar por alternativas fiáveis.


Mesmo assim, respondendo ao que pediste. Velocidade de marquees é definido pelo delay (atraso, demora, como preferires chamar). Ex:

Código: [Seleccione]

<marquee scrolldelay=10>TEXTO</marquee>

A 2ª parte do teu pedido não percebi bem...

[gimbras]

Também não entendi. Penso que se aparece branco é porque não texto suficiente.

E o marquee ainda funciona no FF (Sempre quero ver se o IE7 vai cumprir as normas ).

[Netxplica]

Obrigado, têm ajudado bastante  :shock:

 :? ... e para deixar uma linha de intervalo entre 2 textos distintos, por ex ?  :oops:

[redhotmustang]

Para deixar linha de intervalo inseres a TAG <br /> (quebra de linha) entre as TAGs marquee, ou seja, fica assim:

Código: [Seleccione]

<marquee behavior="scroll" direction="up" scrolldelay="10">Texto 1</marquee>

<br />

<marquee behavior="scroll" direction="up" scrolldelay="10">Texto 2</marquee>

Cumps.

[Netxplica]

Boas

Com o

<br />

como está acima duplicou-me o tamanho da tabela, aparecendo "cada texto em sua tabela".

Tenho-a assim:

<!-- Notícias -->
<table width="210" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<td align="center" width="100%" class="catHead" colspan="2" height="28"><span class="cattitle"><class="cattitle">Notícias</a></span></td>
</tr>
<tr>
<td class="row1" align="center">

<marquee scrolldelay="300" behavior="scroll" direction="up">
TEXTO 1

<br />

TEXTO 2
</marquee><center></td>


</tr>
</table>
<br />
<!-- Notícias -->


Fica assim:

http://forum.netxplica.com

[Spread]

Entrando um pouco no off-topic quem é que está a dar o apoio ao site? Estudantes, professores...?

Cumps

[redhotmustang]

Ok, mas não reparaste que eu disse para inserir uma quebra de linha entre cada TAG <marquee>. Ou seja, no meu código existem duas. Cada uma com o seu "fecho".

Repara na TAG:
<marquee> <-- abertura da TAG
</marquee> <-- fecho da TAG

O teu código deveria ser:

Código: [Seleccione]

<!-- Notícias -->
<table width="210" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<td align="center" width="100%" class="catHead" colspan="2" height="28"><span class="cattitle">Notícias</span></td>
</tr>
<tr>
<td class="row1" align="center">

<marquee scrolldelay="300" behavior="scroll" direction="up"> TEXTO 1 </marquee>

<br />

<marquee scrolldelay="300" behavior="scroll" direction="up"> TEXTO 2 </marquee>
</td>
</tr>
</table>
<!-- Notícias -->

Acho que a velocidade do scroll está muito lenta. Mas tu é que sabes.

PS: Apaguei aí uns erros no código além dos referidos.

[Netxplica]

Boas, redhotmustang

Obrigado pela paciência e desculpa tanta insistência (apesar da tua assinatura... :lol: )

Eu já tinha feito como me ensinaste 1º, mas o resultado foi o que disse no post anterior.
Aliás, fiz um copy paste do teu ultimo código e para além de me dobrar o tamanho da tabela (como já tinha referido), colou-ma à de baixo (falta do tal br no fim ?

O Código que eu pús acima (às cores) tem como resultado o que se vê actualmente.  :?

PS: Spread, quem está a dar apoio ao site no momento é o http://forum.redcodestudio.com . O resto do trabalho é meu, que não percebo patavina disto mas tenho-me esforçado bué, fazendo algumas vezes papel de prof e muitas de estudante ...  

[redhotmustang]

Obrigado pela paciência e desculpa tanta insistência (apesar da tua assinatura... :lol: )

Estamos cá para isso

Eu já tinha feito como me ensinaste 1º, mas o resultado foi o que disse no post anterior.
Aliás, fiz um copy paste do teu ultimo código e para além de me dobrar o tamanho da tabela (como já tinha referido), colou-ma à de baixo (falta do tal br no fim ?

Sim eu tirei aquele <br /> porque me estaria a referir só àquela tabela. Claro vai colar com qq coisa que esteja em baixo.

Se fica o dobro experimenta assim (defini também a altura do marquee):

Código: [Seleccione]

<!-- Notícias -->
<table width="210" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<td align="center" width="100%" class="catHead" colspan="2" height="28"><span class="cattitle">Notícias</span></td>
</tr>
<tr>
<td align="left" class="gensmall">
<marquee scrolldelay="250" behavior="scroll" direction="up" height="75">
<p>Período extraordinário para concurso de colocação. Professores com candidaturas invalidadas podem voltar a concorrer até quarta-feira.</p>

 
<p>Urano vai estar tão próximo da Vénus que o brilho do planeta vai ser visível da Terra - para o observar, até hoje, quarta-feira, basta apontar uns binóculos, um pouco antes do nascer o Sol (pode ser mesmo visível directamente se o céu estiver muito escuro).</p>

<p>No final desta coluna encontram-se downloads necessários para visualizar algumas animações.</p>

<p>Agradeço sempre o alerta relativamente a links quebrados.</p>
<p>&nbsp;</p>
</marquee>
</td>
</tr>
</table>
<!-- Notícias -->

BTW: para quem diz que não percebe nada o teu trabalho está muito bom

[Netxplica]

Boas

Já está a bombar - só tive que acrescentar o <br /> para não pegar com a tabela de baixo.  

Como isto tem que ser aos poucos, como se faz para aquilo parar quando o "stick do rato  :?  :oops: " está por cima ?

PS: Pús o Redcodestudio no overall_footer.tpl do Fórum, espero que não se importem.  :wink: