Ir para conteúdo

POWERED BY:

Arquivado

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

- KbeçãO -

[Resolvido] texto na vertical?

Recommended Posts

Compartilhe essa solução com o pessoal, pode ser útil para alguém no futuro!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Dá pra girar textos sim colegas, com CSS3:

 

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);

Neste caso girando em 90º

 

Pena que nem todos os browsers de primeira (opera), e os pseudo-browsers (IE) aceitem isso.

Hack para Explorer

Filter: DXImageTransform.Microsoft.BasicImage (rotação = 3);: progid 

  • 0: sem rotação.
  • 1: girar 90 graus
  • 2: girar 180 graus
  • 3: gira 270 graus (-90 graus).

Fonte

Compartilhar este post


Link para o post
Compartilhar em outros sites

Experimenta essa que deu certo no FF usando o PIE para o IE.

 

Daí, caso a PIE ofereça suporte a essa propriedade no IEca, você pode ignorar o filter.

 

Eu consegui fazer uma vez, mas deu uma dor de cabeça do baralho, já que além desse tipo de incompatibilidade, cada navegador renderiza a distância vertical de um jeito (uns fazem mais pra baixo, outros mais pra cima).

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não sei :P

 

Funcionou? Eu desisti de querer fazer texto na vertical por causa dos problemas citados.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Webdesigner fica só na promessa quando o assunto é IEca... :lol:

 

Ah! Na próxima versão vai ser melhor. Não! A próxima vai ser a melhor de todas. Que isso, a versão 57.8 é a definitiva...

 

Ah! Tenha santa paciência. :P

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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