Comments on: Teste seu conhecimento 03

By: MarcoSanto

MarcoSanto — Mon, 08 Sep 2008 13:48:24 +0000

Exibir um texto na vertical significa mudar a orientação dele de 0 grau para noventa graus. As soluções aqui propostas parece que é só de colocar uma letra debaixo da outra.
Mais honesto é dizer logo que não há solução cross-browser para esse problema.

Vamos às imagens…

By: Luiz Melo

Luiz Melo — Tue, 19 Aug 2008 02:42:55 +0000

Vc saberia me falar como faço para inserir uma célula debaixo da outra sem ter q ficar arrastando uma dezena de células já inseridas, exatamente no lugar onde quero colocar a nova célula?

By: vitor vtm

vitor vtm — Sat, 16 Aug 2008 01:03:32 +0000

dei mole,,,,,,, foi formatado na de cima,,,

usei a tag pre em cada letra, e na de baixo usei pre seguido das letras

pre t /pre
pre e /pre
.
.
.

pre
t
e
x
t
o
/pre

By: vitor vtm

vitor vtm — Sat, 16 Aug 2008 01:01:54 +0000

Minha solução foi usar a tag pre.

T
E
X
T
O

caso não fosse tags individuais também funcionaria assim.

T
E
X
T
O

By: Rafael

Rafael — Thu, 24 Jul 2008 16:21:32 +0000

interessante, mas como fazer isto com um texto dinãmico?
eu escrevendo o texto blz, agora gostaria de capturar via post e colocar na vertical….

By: Bina

Bina — Fri, 06 Jun 2008 18:28:16 +0000

Cara,
Você é maluco…
Se estou procurando a solução para escrever um texto na vertical em uma tabela é porque preciso de uma solução rápida…
Não dá tempo para entrar num “quizz”…

Vou procurar em outro site.

By: TP

TP — Thu, 26 Jul 2007 13:15:48 +0000

Essa foi a primeira solução que eu havia pensado em fazer, porém achei que haveria algum meio de fazer com palavras inteiras….

Creio eu que exista um meio, já que idiomas como o chinês são escritos na vertical…

By: João Paulo Fechine

João Paulo Fechine — Fri, 04 May 2007 14:08:33 +0000

Irene, infelizmente, com texto mesmo não tem condições… sua solução será usar imagem no final das contas..

By: Irene

Irene — Fri, 04 May 2007 13:45:08 +0000

Pessoal, parabéns a todos que se esforçaram para desvendar o mistério, mas essa solução ainda não atende minhas necessidades, pois as letras ainda continuam com orientação 180 graus e não a 90 graus como eu gostaria.
Não consigo aqui anexar uma figura do que estou querendo, mas pelo MS Word 2003 eu consigo exemplifica….crie uma tabela, numa célula escreva uma palavra qualquer, selecione a palavra e clique com o botão direito do mouse, opção Direção do Texto…, vejam que são apresentadas 3 opções, eu quero a que tem o texto a 90 graus, opção da esquerda….e a pergunta continua, como fazer isso em (X)HTML, CSS, etc?
Cordialmente.

By: Maujor

Maujor — Sun, 18 Mar 2007 01:44:05 +0000

SOLUÇÃO
A dica para solucionar o desafio está no segundo parágrafo da matéria.
Se você escrever no código HTML a palavra V E R T I C A L com um espaço entre as letras e definir uma largura mínima para a célula, esta irá expandir-se para conter apenas uma letra e o texto ficará na vertical.

HTML
... V E R T I C A L ...

CSS
td {width: 1px;}

Solução passa no validador e é crossbrowser? Sim.
Solução perfeita? Não, pois inserir um espaço entre as letras contraria a filosofia CSS de separar apresentação do conteúdo.
Mas, enquanto as CSS3 não chegarem…